<!--
#
#
#   DIOGENES JUNIOR, FABRICA DE PLUGINS & LEVEL UP
#   WWW.DIOGENESJUNIOR.COM.BR       WWW.FABRICADEPLUGINS.COM.BR
#   CONTATO@DIOGENESJUNIOR.COM.BR   CONTATO@FABRICADEPLUGINS

        .-=.                      .-*#-..                                                                                                          
           %*=#=.                   .+*-++:.                                                                                                          
          :.%==**:                 :%++**-                                                                                                            
            -#+*+####+****##**++###%=+*++.                                                                                                            
            .#=**+=++++++++++++++===+#+*=                                                                                                             
            :+++#==*#*************-=*+=*=                                                                                                             
            :=+=*****++++++++++++++++==+:.                                                                                                            
            .++=+++++++++++============+..                                                                                                            
           ..*-=+====================--=:                                                                                                             
          :-+--============-----------:==.                                                                                                            
       .:++:.-=-----::..         ...::::=-.                                                                                                           
      .+=.:----:    .:==+=-.            .=.                                     .                                                                     
   . -=::-:.     .==:.   ..:==.          -:.:                              : :+++:                                                                    
   .--.:.       -=. - .=-::-::-.         -:..                               .=%%#-                                                                    
   -:..       .-:    .=.   :: ::         -.                               . :*%@#-                                                                    
  :-          -: .   -:  .-: .-.        ::     :-                          .=#%@#:        ::                                                          
..-          :: :    ::   .--:         :-.    .   .     ......            .=#@@@#: .   .     .    .......                       ........              
 -.          :.       -:             .-.    : :=+-::..:::----::.       .:-*%%@@@*:.....  :=+-:::::::----::. .             :.  .:::----::.             
.-          .-       . .::.      ..::..-*    .+%%%%%##%%%%%%%%#+-. . -+*#%%@@@@@%####=. :+%@%%%##%%%%%%%%#+:.             .:-+##%%%%%%%%#*=-:....:.   
::          ::           .:::::::..   ....   :#@@@@@@@%%%@@@@@@%#=.  -%%%%@@@@@@@%%%#=. :#%@@@@@@%%%@@@@@@%#=. =        .:=#%@@@@@@@@@@@@@@%##*###+:  
::          ::         . :::::::...::::::::. :*%%%%%%#=:-*%%%%%%%#-  ----*%%%%%%#-----. :*%%%%%%#=--*%%%%%%%#-.        .=#%%%%%%%%%%%%%%%%%%%%%%%%+:  
::          .:         .::                ::  -*@%%%%%*: :+%%%%%%%+:    .+%%%%%%#:      .:*%%%%%%*- .+%%%%%%%+.       .=%%%%%%%%%%%%%%%%%%%%%%%%#=.   
:-          .-         . .-:.           .-.    :-+##*+=:  :*%%%%%%*: : ..+%%%%%%#: -   :  :-+*#*+=:  :#%%%%%%*:..   ..=#%%%%%%%%%%%###%%%%%%%%%*-.    
 -           ::            .::         ::       :-=++**+=::+%%%%%%#= :..:*%%%%%%#:      :  :-=++**+=::+%%%%%%#=.     :*%%%%%%%%%%*-..:-+#%%%%%#=. .   
 -:          .-.            .-.       .-.     :=*%%%%%%%%%+=#%%%%%%+..:.:*%%%%%%#-       :=*%%%%%%%%#==%%%%%%%+. -   -#%%%%%%%%%#-     .-*%%%%+:      
 .=.          :=.           .-:       .-:  . -+%%%%%%%%%%%%=*%%%%%%*- =.:*%%%%%%#-     .-*%%%%%%%%%%%%=#%%%%%%*:.    =#%%%%%%%%%%+:.    .-*%%#=.      
 ..+.          :+:          :=.       .--   -*%%%%%%%%**#%%++%%%%%%#= -::*%%%%%%#-   . :*%%%%%%%%**#%%=*%%%%%%#=.    -*%%%%%%%%%%%#+=-:.  -**+-       
   :=.           -=-.     .==.         --. .=#%%%%%%#+:.-**=*%%%%%%%+...-*%%%%%%#=    .=#%%%%%%#+:.-**=*%%%%%%#+.   ..+#%%%%%%%%%%%%%%#**+==-.  :     
  . :=-            :-=====-.            -=:.+#%##%%%#-   ..=*%%##%%%*-  -*%%##%%#= :. .=#%####%#=   ..=#%####%%*:.:  .:*#%%#%########%%%%%##*+=-.     
     .-=:                                :=.=#%######+:  .-*#######%#=  -*#####%#=. .::=########+:. .-*%#######*-..    :=*###################%##*=.   
       .+-                              :+: -*########*++*###########+. -*#######*=+***=+########*++*###########+.   :.  :=+*#####################+- .
       --                            .=+- -*.-+##############*######%#=::+##########%#+:-*##############*#######*+: . :=++++++=+*##################*- 
     ..=:                       .:-==-. .:::  :=+##########*+=*########*=-*#########*=...:+*##########*==*########*:.=*#########*==+**##############+.
     :.-.              ------==--:.  .::----==--===+**++++=: .-=========. .-++***+=-..-+=:.:-=+****++-: .=========--+*############=:.:-+*###########*-
       -:              +-..   ..:-===-::.          .:-==:  :=-..........-=-. .......-++==++-:.........-+-........  =*#############*-   .-+##########*-
       .=.              -=====-:      ................  :+-  =++++++++++=++++++++++==+++++===++++++++++==++++++++..+#********+=-=+=:    .+**********+-
        .=:          ...........:::::::::::::::.......::::.--..-========:. :---:. :+-.   -====- :=-.   :+==-..-==..+********+=          :+**********=.
          :=:.:::::::::::::::::::::-----:::::----------:::--::-..-====:  .=======::===-   -==-.-===-::   :==-:===: -+*+++++*+=-:      .-=+*+++++++*+: 
           .:-::::----==========----:::::::::.        .:::::==--: :==-   :=============-.  ::.=====-.==.   --:====..=++++++++++===---==+++++++++++=: .
              .:-::::::::::::::::::--:.  ..             :  --:++--. -=   :===-:   .-==-==.  .=----=-.-===.   .==-==  -=+++++++++++++++++++++++++=-:   
                 .    ..:::...    .                          :--*=-. -=.  :====.  :=---==.  :=----=-.===-=-. .-=---=: .--======================-:  :  
                   =--:      --                               .:---- :=---:::::::-------::::::-----::::------:--------:  :--===============--:.       
                                                                .:: .----------------------------------------------------:. ...:::::::::....  :    
#
#
-->
<!DOCTYPE html>
<html lang="pt-br"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
<meta name="theme-color" content="#006DD9">
<meta name="apple-mobile-web-app-status-bar-style" content="#006DD9">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="true">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
<meta name="google" content="notranslate">
<meta name="format-detection" content="telephone=no">
<meta name="rating" content="general">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="revisit-after" content="1 days">
<meta name="language" content="pt-br">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">


<link rel="shortcut icon" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/favcon.png">
<link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/bootstrap.css" media="all" />
<!--<link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/tailwind2dio.css" />-->
<link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/tailwind2dio-2.css" />
<!--<link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/diogenes-grid.css" />-->


  <link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/style.css?v=10102026015930000000" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <style>
      /** * FIX COMPATIBILIDADE FONT AWESOME 4 -> 6
       * Força o navegador a renderizar os ícones antigos com a tipografia de marcas da v6
       */
      
      /* 1. Regra geral para forçar a fonte "Brands" em todas essas classes */
      .fa-whatsapp,
      .fa-facebook,
      .fa-twitter,
      .fa-instagram {
          font-family: "Font Awesome 6 Brands" !important;
          font-weight: 400 !important;
      }
      
      /* 2. Cores específicas de cada marca 
      .fa-whatsapp { color: #25D366; }
      .fa-facebook { color: #1877F2; }
      .fa-twitter  { color: #1DA1F2; }
      .fa-instagram { color: #E4405F; } 
      */

      /* 3. Unicodes caso você use o seletor .fa antes */
      .fa.fa-whatsapp::before {
          content: "\f232" !important; 
      }
      
      .fa.fa-facebook::before {
          content: "\f09a" !important; /* Unicode do Facebook */
      }
      
      .fa.fa-twitter::before {
          content: "\f099" !important; /* Unicode do passarinho do Twitter */
      }
      
      .fa.fa-instagram::before {
          content: "\f16d" !important; /* Unicode do Instagram */
      }
  </style>

<link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/sweetalert2.min.css">

<!--<link rel="stylesheet" href="assets/css/font-awesome.min.css">-->


<link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/animate.css">
<link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">

<style>
        .e-con.e-flex>.e-con-inner{
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .e-con-boxed.e-flex{
        margin: 0 !important;
        padding: 0 !important;
    }

    .diogenes-gt-logo img {
        height: 74px;
    }

    #gtHeaderNewPerfil,
    .diogenes-gt-logo img{
       transition: all 3s ease;
    }

    @media (max-width: 540px) {
        .diogenes-gt-header.scroll-rolado .diogenes-gt-logo img {
            height: 52px;
            margin-top: 12px;
            margin-bottom: 10px;
            transition: all 0.3s ease;
        }
    }


    @media(min-width:1000px){
        .fig-del-ng-action-btn.ja-favoritado img{
            background: #006dd9;
            border-radius: 100%;
            padding: 3px;
            width: 31px;
            height: 31px;
            max-width: 31px;
            max-height: 31px;
            transition: all 0.3s ease;
            }
        }
        @media(max-width:540px){
        .fig-del-ng-action-btn.ja-favoritado img{
            background: #006dd9;
            border-radius: 100%;
            padding: 3px;
            transition: all 0.3s ease;
            }
        }

      .notification-toast {
            position: fixed;
            top: 20px;
            right: 20px;
            background-color: #333;
            color: white;
            padding: 16px 24px;
            border-radius: 8px;
            border-left: 4px solid #006DD9;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            font-size: 14px;
            font-weight: 500;
            opacity: 0;
            transform: translateX(400px);
            transition: all 0.3s ease;
            z-index: 9999;
        }

        .notification-toast.show {
            opacity: 1;
            transform: translateX(0);
        }

        .imagem-marca-dagua-storie-1{
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            z-index: 1;
            opacity: 0.75;
        }

        /* Aplica a marca d'água no container geral do fslightbox */
                .fslightbox-container::after {
            content: ""; /* Deixe vazio para usar uma imagem de fundo */
            
            /* Centraliza na tela */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); 
            
            /* Configurações da sua logo */
            background-image: url('https://cdn.gatasgyn.com/wp-content/uploads/2026/03/G-Marca-D-agua-2.png'); /* Coloque a URL da sua logo */
            background-size: 500px auto; /* Ajuste o tamanho da logo conforme necessário */
            background-repeat: no-repeat;
            background-position: center;
            
            /* Tamanho e transparência da marca d'água */
            width: 100%; 
            height: 100%;
          
            
            /* Camadas e Interação */
            z-index: 99999; /* Garante que fique por cima de tudo */
            
            /* ESSENCIAL: Faz o mouse "ignorar" a marca d'água. 
            Assim o usuário ainda consegue clicar nas setas ou arrastar a imagem por trás dela */
            pointer-events: none; 
        }
        @media(max-width:540px){
            .fslightbox-container::after {
                background-size: 300px auto; /* Ajuste o tamanho da logo para telas menores */
            }
            section.e-virtual h3, section.e-virtual p.novo-sexo-virtual {
                font-family: 'Harmony';
                line-height: 93px !important;
                margin-top: -7px !important;
            }
            
        }
        @media (max-width: 540px) {
            .institucional-row .nova-mini-coluna-mobile-6.coluna h3 {
                font-size: 20px !important;
                line-height: 26px !important;
            }
            section.e-virtual{
                
    margin-bottom: -46px;
            }
        }
        
        #menuFixoMobile img.emoji{
            width: 12px !important;
            margin-top: -3px !important;
        }

        .limite-modelo-3 .modelo-nome,
        .limite-modelo-3 .carousel-container-quadradinhos .modelo-nome{
            margin-left: auto;
            margin-right: auto;
        }

        .modelo-imagem.mss img {
            width: 100% !important;
        }


        .ia-restricted-media {
            position: relative !important;
            overflow: hidden;
        }
        
        /* Backdrop Filter cria o embaçado atrás da DIV, deixando o texto nítido */
        .ia-blur-overlay-public {
            position: absolute;
            inset: 0; 
            z-index: 10;
            background-color: rgba(15, 23, 42, 0.4); 
            backdrop-filter: blur(11px); 
            -webkit-backdrop-filter: blur(11px); 
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            text-align: center;
            font-family: system-ui, -apple-system, sans-serif;
            cursor: pointer;
        }

        .ia-blur-overlay-public.ia-blur-overlay-public-stories-bolinha{
            background-color: rgba(000, 000, 000, 0.4);
            backdrop-filter: blur(3px);
        }

        .ia-blur-icon {
            font-size: 2.2rem;
            margin-bottom: 6px;
        }

        .ia-blur-text {
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            background: rgba(000, 000, 000, 0.50);
            padding: 1px;
            padding-left: 4px;
            padding-right: 4px;
            border-radius: 5px;
        }

        .ia-blur-overlay-public.ia-blur-overlay-public-stories-bolinha .ia-blur-text{
          font-size:16px;
          background: rgba(000, 000, 000, 0.50);
          padding: 1px;
          padding-left: 4px;
          padding-right: 4px;
          border-radius: 5px;
        }

        .ia-blur-subtext {
            font-size: 11px;
            margin-top: 4px;
            font-weight: 500;
            opacity: 0.9;
        }

        /* Backdrop */
        .verif-idade-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(8px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            padding: 16px;
        }
        
        /* Modal Card */
        .verif-idade-card {
            background: #2e2e34;
            border: 1px solid #2e2e34;
            border-radius: 16px;
            width: 100%;
            max-width: 500px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0,0,0,0.6);
        }
        
        /* Close button */
        .verif-idade-fechar {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 32px;
            height: 32px;
            border: none;
            background: transparent;
            color: #6b6b8a;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            transition: all 0.2s;
            z-index: 10;
        }
        .verif-idade-fechar:hover {
            background: rgba(255,255,255,0.05);
            color: #e0e0e0;
        }
        
        /* Etapa 1: Info */
        .verif-idade-info {
            padding: 32px 28px 28px;
        }
        .verif-idade-titulo {
            font-size: 20px;
            font-weight: 700;
            color: #f0f0f5;
            text-align: center;
            margin-bottom: 16px;
                font-family: 'Roboto Condensed', sans-serif;
                font-weight:600;
        }
        .verif-idade-desc {
            font-size: 13.5px;
            color: #9a9ab5;
            text-align: center;
            line-height: 1.6;
            margin-bottom: 24px;
            font-family: 'Roboto Condensed', sans-serif;
                font-weight:600;
        }
        .verif-idade-desc strong {
            color: #f0f0f5;
            font-weight: 600;
        }
        
        /* Lista de benefícios */
        .verif-idade-lista {
            list-style: none;
            margin-bottom: 24px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            padding-left: 12px;
            padding-right: 0;
            text-align: center;
        }
        .verif-idade-item {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 13.5px;
            color: #b0b0c8;
        }
        .verif-idade-icone {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            color: #2a8de7;
        }
        
        /* Botão primário */
        .verif-idade-botao {
            width: 100%;
            padding: 14px 20px;
            border: none;
            border-radius: 10px;
            background: #2a8de7;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .verif-idade-botao:hover {
            background: #1f7ad4;
            transform: translateY(-1px);
        }
        .verif-idade-botao:active {
            transform: translateY(0);
        }
        
        /* Etapa 2: Câmera */
        .verif-idade-camera-wrap {
            display: none;
            padding: 24px 24px 20px;
        }
        .verif-idade-camera-wrap.ativo {
            display: block;
        }
        
        .verif-idade-preview-box {
            position: relative;
            width: 100%;
            aspect-ratio: 3/4;
            max-height: 360px;
            background: #0f0f1a;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 16px;
        }
        
        /* Vídeo da câmera */
        .verif-idade-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        /* Canvas para captura (escondido) */
        .verif-idade-canvas {
            display: none;
        }
        
        /* Overlay escura com enquadramento */
        .verif-idade-overlay {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
        }
        
        /* Área de corte - buraco transparente */
        .verif-idade-mascara {
            width: 220px;
            height: 280px;
            position: relative;
        }
        
        /* Cantos do enquadramento */
        .verif-idade-canto {
            position: absolute;
            width: 28px;
            height: 28px;
            border-color: #2a8de7;
            border-style: solid;
            transition: all 0.3s;
        }
        .verif-idade-canto.top-left {
            top: 0; left: 0;
            border-width: 3px 0 0 3px;
            border-top-left-radius: 8px;
        }
        .verif-idade-canto.top-right {
            top: 0; right: 0;
            border-width: 3px 3px 0 0;
            border-top-right-radius: 8px;
        }
        .verif-idade-canto.bottom-left {
            bottom: 0; left: 0;
            border-width: 0 0 3px 3px;
            border-bottom-left-radius: 8px;
        }
        .verif-idade-canto.bottom-right {
            bottom: 0; right: 0;
            border-width: 0 3px 3px 0;
            border-bottom-right-radius: 8px;
        }
        
        /* Overlay escura ao redor */
        .verif-idade-overlay::before {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.55);
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
            -webkit-mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
            mask-composite: exclude;
            -webkit-mask-composite: xor;
            padding: calc(50% - 182px) calc(50% - 107px);
            box-sizing: border-box;
        }
        
        /* Fallback quando câmera não disponível */
        .verif-idade-fallback {
            position: absolute;
            inset: 0;
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
            color: #6b6b8a;
            text-align: center;
            padding: 20px;
        }
        .verif-idade-fallback svg {
            width: 48px;
            height: 48px;
            opacity: 0.4;
        }
        .verif-idade-fallback p {
            font-size: 13px;
            line-height: 1.5;
        }
        
        /* Anonimato text */
        .verif-idade-anonimo {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            font-size: 12px;
            color: #7a7a9a;
            margin-bottom: 12px;
        }
        .verif-idade-anonimo svg {
            width: 14px;
            height: 14px;
            color: #2a8de7;
        }
        
        /* Etapa 3: Processamento */
        .verif-idade-process-wrap {
            display: none;
            padding: 40px 32px;
            text-align: center;
        }
        .verif-idade-process-wrap.ativo {
            display: block;
        }
        
        .verif-idade-process-icone {
            width: 56px;
            height: 56px;
            margin: 0 auto 20px;
            color: #2a8de7;
            animation: verif-pulse 2s ease-in-out infinite;
        }
        @keyframes verif-pulse {
            0%, 100% { opacity: 0.6; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.05); }
        }
        
        .verif-idade-process-titulo {
            font-size: 16px;
            font-weight: 600;
            color: #f0f0f5;
            margin-bottom: 8px;
        }
        .verif-idade-process-sub {
            font-size: 13px;
            color: #7a7a9a;
            margin-bottom: 28px;
        }
        
        /* Barra de progresso */
        .verif-idade-progresso-box {
            width: 100%;
            height: 8px;
            background: #2a2a4a;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 12px;
        }
        .verif-idade-progresso-barra {
            height: 100%;
            width: 0%;
            background: #2a8de7;
            border-radius: 4px;
            transition: width 0.3s ease;
        }
        .verif-idade-progresso-texto {
            font-size: 13px;
            color: #9a9ab5;
            font-weight: 600;
            font-variant-numeric: tabular-nums;
        }
        
        /* Spinner */
        .verif-idade-spinner {
            width: 40px;
            height: 40px;
            border: 3px solid #2a2a4a;
            border-top-color: #2a8de7;
            border-radius: 50%;
            animation: verif-spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        @keyframes verif-spin {
            to { transform: rotate(360deg); }
        }
        
        /* Flash de captura */
        @keyframes verif-flash {
            0% { opacity: 1; }
            100% { opacity: 0; }
        }
        .verif-idade-flash {
            position: absolute;
            inset: 0;
            background: white;
            opacity: 0;
            pointer-events: none;
            z-index: 5;
        }
        .verif-idade-flash.ativo {
            animation: verif-flash 0.4s ease-out;
        }
        
        /* Responsivo */
        @media (max-width: 480px) {
            .verif-idade-card {
            max-width: 100%;
            }
            .verif-idade-info {
            padding: 24px 20px 20px;
            }
            .verif-idade-mascara {
            width: 180px;
            height: 240px;
            }
            .verif-idade-overlay::before {
            padding: calc(50% - 120px) calc(50% - 90px);
            }
        }

        .footer-garota-item,
        .novo-card-modelos-name {
          cursor: pointer;
        }
        @media(max-width:540px){
          .novo-blog-versao-3-card-text-content{
              margin-top: 20px;
          }
        }

        .ia-blur-overlay-public{
          display:none !important;
          opacity: 0 !important;
        }
</style>

<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
	<title>Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material | GatasGyn</title>
	<meta name="description" content="Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material. Como Ter Sucesso na Venda de Conteúdo Adulto." />
	<link rel="canonical" href="https://gatasgyn.com/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material/" />
	<meta property="og:locale" content="pt_BR" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material" />
	<meta property="og:description" content="Posts recentes Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material A venda de conteúdo adulto se tornou uma alternativa lucrativa para criadores que desejam monetizar seu material de forma independente. Com plataformas especializadas, é possível alcançar um público segmentado e garantir ganhos consistentes. Se você quer saber quais são os melhores sites para vender conteúdo adulto, continue lendo e descubra as principais &hellip; Leia mais..." />
	<meta property="og:url" content="https://gatasgyn.com/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material/" />
	<meta property="og:site_name" content="GatasGyn" />
	<meta property="article:publisher" content="https://www.facebook.com/gatasgynoficial/" />
	<meta property="article:published_time" content="2025-02-02T18:00:00+00:00" />
	<meta name="author" content="Rodrigo Nogueira" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:creator" content="@GatasgynOficial" />
	<meta name="twitter:site" content="@GatasgynOficial" />
	<meta name="twitter:label1" content="Escrito por" />
	<meta name="twitter:data1" content="Rodrigo Nogueira" />
	<meta name="twitter:label2" content="Est. tempo de leitura" />
	<meta name="twitter:data2" content="3 minutos" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/#article","isPartOf":{"@id":"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/"},"author":{"name":"Rodrigo Nogueira","@id":"https:\/\/gatasgyn.com\/#\/schema\/person\/829495d6ad61bc23fb8e70a795ce4844"},"headline":"Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material","datePublished":"2025-02-02T18:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/"},"wordCount":499,"publisher":{"@id":"https:\/\/gatasgyn.com\/#organization"},"articleSection":["Parceiros"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/","url":"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/","name":"Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material | GatasGyn","isPartOf":{"@id":"https:\/\/gatasgyn.com\/#website"},"datePublished":"2025-02-02T18:00:00+00:00","description":"Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material. Como Ter Sucesso na Venda de Conteúdo Adulto.","breadcrumb":{"@id":"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Início","item":"https:\/\/gatasgyn.com\/"},{"@type":"ListItem","position":2,"name":"Parceiros","item":"https:\/\/gatasgyn.com\/artigos\/parceiros\/"},{"@type":"ListItem","position":3,"name":"Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material"}]},{"@type":"WebSite","@id":"https:\/\/gatasgyn.com\/#website","url":"https:\/\/gatasgyn.com\/","name":"GatasGyn","description":"Plataforma online de divulgação de perfis de acompanhantes, presente na internet desde 2005, com atuação principal em Goiânia, Goiás, e presença em outras cidades de Goiás e do Distrito Federal.","publisher":{"@id":"https:\/\/gatasgyn.com\/#organization"},"alternateName":"Gatas Gyn","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gatasgyn.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/gatasgyn.com\/#organization","name":"GatasGyn","alternateName":"Gatas Gyn","url":"https:\/\/gatasgyn.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/gatasgyn.com\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.gatasgyn.com\/wp-content\/uploads\/2025\/06\/logo-gatas-gyn-acompanhantes-goiania.webp","contentUrl":"https:\/\/cdn.gatasgyn.com\/wp-content\/uploads\/2025\/06\/logo-gatas-gyn-acompanhantes-goiania.webp","width":163,"height":77,"caption":"GatasGyn"},"image":{"@id":"https:\/\/gatasgyn.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/gatasgynoficial\/","https:\/\/x.com\/GatasgynOficial","https:\/\/www.instagram.com\/gatasgyn_oficial_","https:\/\/www.linkedin.com\/in\/gatasgyn-oficial-16b953199\/","https:\/\/br.pinterest.com\/andersonferrazempresarial0751\/"],"description":"GatasGyn é uma plataforma online de divulgação de perfis de acompanhantes, presente na internet desde 2005, com atuação principal em Goiânia, Goiás, e presença em outras cidades de Goiás e do Distrito Federal.","email":"atendimento@gatasgyn.com","telephone":"+5562982097871","legalName":"GatasGyn","foundingDate":"2005-06-09","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"},"publishingPrinciples":"https:\/\/gatasgyn.com\/politica-de-uso\/"},{"@type":"Person","@id":"https:\/\/gatasgyn.com\/#\/schema\/person\/829495d6ad61bc23fb8e70a795ce4844","name":"Rodrigo Nogueira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bd027e122945fc2e1cded94dbd5385c85666a66e6532a01f12424d7fd57ec542?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bd027e122945fc2e1cded94dbd5385c85666a66e6532a01f12424d7fd57ec542?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bd027e122945fc2e1cded94dbd5385c85666a66e6532a01f12424d7fd57ec542?s=96&d=mm&r=g","caption":"Rodrigo Nogueira"}}]}</script>
	<!-- / Yoast SEO Premium plugin. -->


<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://gatasgyn.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgatasgyn.com%2Fsites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://gatasgyn.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgatasgyn.com%2Fsites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://gatasgyn.com/wp-includes/css/dist/block-library/style.min.css?ver=7.1.3' media='all' />
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}
:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='style-diogenes-css-css' href='https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/css/diogenes-grid.css?v=10102026015930000000&#038;ver=7.1.3' media='all' />
<link rel='stylesheet' id='style-harmonics-css-css' href='https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/css/harmonics.css?v=10102026015930000000&#038;ver=7.1.3' media='all' />
<link rel='stylesheet' id='jquery-confirm-css-diogenes-frontend-css' href='https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css?ver=7.1.3' media='all' />
<style id="woocommerce-inline-inline-css">
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<script id="jquery-core-js" src="https://gatasgyn.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://gatasgyn.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.2.0"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Ver carrinho","cart_url":"https://gatasgyn.com/carrinho/","is_cart":"","cart_redirect_after_add":"yes"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.2.0"></script>
<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.2.0"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Mostrar senha","i18n_password_hide":"Ocultar senha"};
//# sourceURL=woocommerce-js-extra
</script>
<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.2.0"></script>
<link rel="https://api.w.org/" href="https://gatasgyn.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://gatasgyn.com/wp-json/wp/v2/posts/3790" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://gatasgyn.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.1.3" />
<meta name="generator" content="WooCommerce 11.2.0" />
<link rel='shortlink' href='https://gatasgyn.com/?p=3790' />
<meta name="generator" content="Site Kit by Google 1.189.0" />	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<meta name="generator" content="Elementor 4.3.4; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://cdn.gatasgyn.com/wp-content/uploads/2026/09/cropped-favicon-64x64-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://cdn.gatasgyn.com/wp-content/uploads/2026/09/cropped-favicon-64x64-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://cdn.gatasgyn.com/wp-content/uploads/2026/09/cropped-favicon-64x64-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://cdn.gatasgyn.com/wp-content/uploads/2026/09/cropped-favicon-64x64-1-270x270.png" />


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PWYH5MDB9L"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-PWYH5MDB9L');
</script>

</head>
<body class="bg-black text-white relative usuario-nao-logado-df">


<!-- Modal Verificação de idade 18+ -->
<div id="verifIdadeBackdrop" class="verif-idade-backdrop" style="display:none;">
  <div class="verif-idade-card">
    
    <!-- Fechar -->
    <button class="verif-idade-fechar" onclick="verifIdadeFechar()" aria-label="Fechar">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
        <line x1="18" y1="6" x2="6" y2="18"></line>
        <line x1="6" y1="6" x2="18" y2="18"></line>
      </svg>
    </button>
    
    <!-- ETAPA 1: Informações -->
    <div id="verifIdadeInfo" class="verif-idade-info">
      <h2 class="verif-idade-titulo">Confirmação de idade obrigatória</h2>
      <p class="verif-idade-desc">
        Em cumprimento à nova <strong>Lei nº 15.211/2025</strong> (ECA Digital), para acessar o conteúdo 18+ no GatasGyn, precisamos realizar uma verificação facial para confirmar sua idade.
      </p>
      
      <ul class="verif-idade-lista">
        <li class="verif-idade-item">
          <svg class="verif-idade-icone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="12" r="10"></circle>
            <polyline points="12 6 12 12 16 14"></polyline>
          </svg>
          <span>Processo rápido</span>
        </li>
        <li class="verif-idade-item">
          <svg class="verif-idade-icone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
            <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
          </svg>
          <span>Seguro e criptografado</span>
        </li>
        <li class="verif-idade-item">
          <svg class="verif-idade-icone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
          </svg>
          <span>Não armazenamos nenhum dado seu</span>
        </li>
        <li class="verif-idade-item">
          <svg class="verif-idade-icone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
            <circle cx="12" cy="12" r="3"></circle>
          </svg>
          <span>É totalmente anônimo</span>
        </li>
      </ul>
      
      <button class="verif-idade-botao" onclick="verifIdadeIniciarCamera()">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
          <circle cx="12" cy="13" r="4"></circle>
        </svg>
        Iniciar verificação facial
      </button>
    </div>
    
    <!-- ETAPA 2: Câmera -->
    <div id="verifIdadeCamera" class="verif-idade-camera-wrap">
      <div class="verif-idade-preview-box">
        <div id="verifIdadeFlash" class="verif-idade-flash"></div>
        
        <!-- Vídeo ao vivo -->
        <video id="verifIdadeVideo" class="verif-idade-video" autoplay playsinline muted></video>
        
        <!-- Canvas para captura -->
        <canvas id="verifIdadeCanvas" class="verif-idade-canvas"></canvas>
        
        <!-- Overlay com enquadramento -->
        <div class="verif-idade-overlay">
          <div class="verif-idade-mascara">
            <div class="verif-idade-canto top-left"></div>
            <div class="verif-idade-canto top-right"></div>
            <div class="verif-idade-canto bottom-left"></div>
            <div class="verif-idade-canto bottom-right"></div>
          </div>
        </div>
        
        <!-- Fallback se câmera negada -->
        <div id="verifIdadeFallback" class="verif-idade-fallback">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
            <circle cx="12" cy="13" r="4"></circle>
            <line x1="1" y1="1" x2="23" y2="23"></line>
          </svg>
          <p>Não foi possível acessar a câmera.<br>Verifique as permissões do navegador.</p>
        </div>
      </div>
      
      <div class="verif-idade-anonimo">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
        </svg>
        <span>A verificação de idade é totalmente anônima.</span>
      </div>
      
      <button id="verifIdadeBotaoCapturar" class="verif-idade-botao" onclick="verifIdadeCapturar()">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
          <circle cx="12" cy="13" r="4"></circle>
        </svg>
        Confirmar idade
      </button>
    </div>
    
    <!-- ETAPA 3: Processamento -->
    <div id="verifIdadeProcess" class="verif-idade-process-wrap">
      <div class="verif-idade-spinner"></div>
      
      <svg class="verif-idade-process-icone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
        <polyline points="9 12 12 15 16 10"></polyline>
      </svg>
      
      <h3 class="verif-idade-process-titulo">Verificando sua idade, aguarde...</h3>
      <p class="verif-idade-process-sub">Analisando padrões faciais e confirmando idade...</p>
      
      <div class="verif-idade-progresso-box">
        <div id="verifIdadeBarra" class="verif-idade-progresso-barra"></div>
      </div>
      <div id="verifIdadePercent" class="verif-idade-progresso-texto">0%</div>
    </div>
    
  </div>
</div>

<script>
(function() {
  let stream = null;
  let processoInterval = null;
  
  // URL do AJAX do WordPress. Se não estiver declarada no frontend, tenta o caminho padrão.
  const wpAjaxUrl = typeof ajaxurl !== 'undefined' ? ajaxurl : '/wp-admin/admin-ajax.php';
  
  // Elementos
  const backdrop = document.getElementById('verifIdadeBackdrop');
  const info = document.getElementById('verifIdadeInfo');
  const camera = document.getElementById('verifIdadeCamera');
  const process = document.getElementById('verifIdadeProcess');
  const video = document.getElementById('verifIdadeVideo');
  const canvas = document.getElementById('verifIdadeCanvas');
  const fallback = document.getElementById('verifIdadeFallback');
  const flash = document.getElementById('verifIdadeFlash');
  const barra = document.getElementById('verifIdadeBarra');
  const percent = document.getElementById('verifIdadePercent');
  const botaoCapturar = document.getElementById('verifIdadeBotaoCapturar');
  
  // Abrir modal
  window.verifIdadeAbrir = function() {
    backdrop.style.display = 'flex';
    info.style.display = 'block';
    camera.classList.remove('ativo');
    process.classList.remove('ativo');
    pararCamera();
  };
  
  // Fechar modal
  window.verifIdadeFechar = function() {
    backdrop.style.display = 'none';
    pararCamera();
    limparProcesso();
  };
  
  backdrop.addEventListener('click', function(e) {
    if (e.target === backdrop) verifIdadeFechar();
  });
  
  // Iniciar câmera
  window.verifIdadeIniciarCamera = async function() {
    info.style.display = 'none';
    camera.classList.add('ativo');
    
    try {
      stream = await navigator.mediaDevices.getUserMedia({ 
        video: { facingMode: 'user', width: { ideal: 640 }, height: { ideal: 480 } }, 
        audio: false 
      });
      video.srcObject = stream;
      fallback.style.display = 'none';
      video.style.display = 'block';
    } catch (err) {
      console.error('Erro ao acessar câmera:', err);
      video.style.display = 'none';
      fallback.style.display = 'flex';
      botaoCapturar.textContent = 'Simular captura (Erro de Câmera)';
    }
  };
  
  // Parar câmera
  function pararCamera() {
    if (stream) {
      stream.getTracks().forEach(track => track.stop());
      stream = null;
    }
    video.srcObject = null;
  }
  
  // Capturar foto
  window.verifIdadeCapturar = function() {
    flash.classList.add('ativo');
    setTimeout(() => flash.classList.remove('ativo'), 400);
    
    let base64Image = null;

    if (stream && video.readyState >= 2) {
      canvas.width = video.videoWidth || 640;
      canvas.height = video.videoHeight || 480;
      const ctx = canvas.getContext('2d');
      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
      
      // Gera o Base64 em qualidade razoável para acelerar o upload e poupar banda
      base64Image = canvas.toDataURL('image/jpeg', 0.8);
    }
    
    setTimeout(() => {
      pararCamera();
      if (base64Image) {
        iniciarProcessamentoReal(base64Image);
      } else {
        alert("Não foi possível capturar a imagem. Verifique sua câmera.");
        verifIdadeFechar();
      }
    }, 500);
  };
  
  // Processamento Real com AJAX
  function iniciarProcessamentoReal(base64Image) {
    camera.classList.remove('ativo');
    process.classList.add('ativo');
    
    // Animação de loading que para em 85% esperando o servidor
    let progresso = 0;
    barra.style.width = '0%';
    barra.style.backgroundColor = '#3b82f6'; // Azul carregando
    percent.textContent = '0%';
    
    processoInterval = setInterval(() => {
      if (progresso < 85) {
        progresso += (Math.random() * 4) + 1;
        let valor = Math.min(85, progresso);
        barra.style.width = valor + '%';
        percent.textContent = Math.floor(valor) + '%';
      }
    }, 20);

    // Prepara os dados para o WordPress
    const formData = new URLSearchParams();
    formData.append('action', 'ia_verificar_idade_facial');
    formData.append('imagem_base64', base64Image);

    // Dispara a requisição para o backend
    fetch(wpAjaxUrl, {
      method: 'POST',
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      body: formData
    })
    .then(response => response.json())
    .then(data => {
      clearInterval(processoInterval);
      barra.style.width = '100%';
      percent.textContent = '100%';
      document.querySelector('.verif-idade-spinner').style.display = 'none';
      document.querySelector('.verif-idade-process-icone').style.animation = 'none';

      const titulo = document.querySelector('.verif-idade-process-titulo');
      const sub = document.querySelector('.verif-idade-process-sub');
      const icone = document.querySelector('.verif-idade-process-icone');

      if (data.success && data.data.status === 'aprovado') {
        // APROVADO
        console.log('aprovado');
        barra.style.backgroundColor = '#10b981'; // Verde
        titulo.textContent = 'Verificação concluída';
        titulo.style.color = '#10b981';
        sub.textContent = 'Idade confirmada com sucesso (18+).';
        
        // Ícone de check
        icone.innerHTML = '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" stroke="#10b981"></path><polyline points="22 4 12 14.01 9 11.01" stroke="#10b981"></polyline>';

        // AQUI: Você pode definir um cookie ou liberar a restrição dos botões do lightbox
        setTimeout(() => {
          verifIdadeFechar();
          // location.reload(); // Exemplo: recarregar a página para remover os blurs
          jQuery(".ia-blur-overlay-public").hide(500); // LIBERAR CONTEÚDO
        }, 3000);

      } else {
        // REPROVADO OU ERRO
        console.log('reprovado');
        barra.style.backgroundColor = '#ef4444'; // Vermelho
        titulo.textContent = 'Verificação Reprovada';
        titulo.style.color = '#ef4444';
        sub.textContent = data.data ? data.data.message : 'Não foi possível confirmar sua idade.';
        
        // Ícone de X (Erro)
        icone.innerHTML = '<circle cx="12" cy="12" r="10" stroke="#ef4444"></circle><line x1="15" y1="9" x2="9" y2="15" stroke="#ef4444"></line><line x1="9" y1="9" x2="15" y2="15" stroke="#ef4444"></line>';
      }
    })
    .catch(error => {
      console.error('Erro de requisição:', error);
      clearInterval(processoInterval);
      document.querySelector('.verif-idade-spinner').style.display = 'none';
      barra.style.backgroundColor = '#ef4444';
      document.querySelector('.verif-idade-process-titulo').textContent = 'Erro de conexão';
      document.querySelector('.verif-idade-process-sub').textContent = 'Tente novamente mais tarde.';
    });
  }
  
  function limparProcesso() {
    if (processoInterval) {
      clearInterval(processoInterval);
      processoInterval = null;
    }
  }
  
})();
</script>


<div id="nav"></div>
<div id="app"></div>

		<div data-elementor-type="wp-post" data-elementor-id="113" class="elementor elementor-113">
				<div class="elementor-element elementor-element-5162fc4 e-flex e-con-boxed e-con e-parent" data-id="5162fc4" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2c91aa6 elementor-widget elementor-widget-diogenes_headers_mini" data-id="2c91aa6" data-element_type="widget" data-e-type="widget" data-widget_type="diogenes_headers_mini.default">
				<div class="elementor-widget-container">
					            
                            <style>
                    .diogenes-gt-background{
                        background:#000 !important;
                    }

                    .diogenes-gt-main-container.internas{
                        height: auto;
                        min-height: 102px;
                    }

                    .diogenes-gt-main-container.internas .diogenes-gt-header{
                        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
                    }
                </style>
            
            <!-- OFFCANVAS MENU (Drawer) -->
            <div id="offcanvasDrawer" style="z-index: 500" class="relative" x-data="{ open: false }" @keydown.window.escape="open = false" @menu.window="open = !open;">
                <div id="scOne" class="fixed inset-0 overflow-hidden" aria-labelledby="slide-over-title" role="dialog" aria-modal="true" x-show="open" style="display: none;">
                    <div class="absolute inset-0 overflow-hidden">
                        <div id="backdrop" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-description="Background overlay, show/hide based on slide-over state." class="absolute inset-0 bg-black/80 backdrop-blur transition-opacity" @click="open = false" aria-hidden="true" style="display: none;"></div>
                        <div id="areaMenuDrawer" class="fixed inset-y-0 right-0 max-w-full flex">
                            <div id="scTwo" x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="relative w-screen max-w-md" x-description="Slide-over panel, show/hide based on slide-over state." style="display: none;">
                                <div class="absolute top-4 right-4 z-20">
                                    <button class="rounded-md text-foreground hover:text-base-gray focus:outline-none focus:ring-2 focus:ring-white" @click="open = false" onclick="abrirFecharDrawer()">
                                        <span class="sr-only">Fechar Menu</span>
                                        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                                        </svg>
                                    </button>
                                </div>
                                <div class="h-full flex flex-col py-6 pt-0 bg-background shadow-xl border overflow-y-auto">
                                    <div class="mt-6 relative flex-1 px-6">
                                        <div class="absolute inset-0 px-6">
                                            <div class="h-full" aria-hidden="true">
                                                <div class="text-base-gray font-semibold pb-2" style="color:#f2f2f2;">
                                                    Acessar
                                                </div>
                                                
                                                
                                                    <a href="javascript:void(0)" onclick="openAuthModal();showRegisterForm();" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                        <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                            <svg width="24" height="24" class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
                                                                <path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="font-semibold text-foreground w-full">
                                                            Cadastro
                                                        </div>
                                                    </a>
                                                    <a href="javascript:void(0)" onclick="openAuthModal()" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                        <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                            <svg width="24" height="24" class="w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
                                                                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="font-semibold text-foreground w-full">
                                                            Login
                                                        </div>
                                                    </a>

                                                
                                                <div class="h-5 relative"></div>
                                                <div class="text-base-gray font-semibold pb-2">
                                                    Acompanhantes
                                                </div>

                                                <a href="https://gatasgyn.com/pesquisa" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                        <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                            <i style="color:#333;" class="fa fa-search"></i>
                                                        </div>
                                                        <div class="font-semibold text-foreground w-full">
                                                            Pesquisar
                                                        </div>
                                                    </a>

                                                <div class="h-5 relative"></div>
                                                <div class="text-base-gray font-semibold pb-2" style="color:#f2f2f2;">
                                                    Menu:
                                                </div>
                                                                                                                                                        <a href="https://wa.me/5562984528000?text=Ol%C3%A1%2C%20tudo%20bem%3F%20Gostaria%20de%20criar%20um%20an%C3%BAncio%20no%20%2A_GatasGyn_%2A." target="_self" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                                                                                    <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                                <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 448 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M380.9 97.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480 117.7 449.1c32.4 17.7 68.9 27 106.1 27l.1 0c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6zM325.1 300.5c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6z"/></svg>                                                            </div>
                                                                                                                <div class="font-semibold text-foreground w-full">
                                                            Publicar Anúncio                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://gatasgyn.com/blog" target="_blank" rel="noopener noreferrer" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                                                                                    <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                                <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M224 24c0-13.3 10.7-24 24-24 145.8 0 264 118.2 264 264 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-119.3-96.7-216-216-216-13.3 0-24-10.7-24-24zM80 96c26.5 0 48 21.5 48 48l0 224c0 26.5 21.5 48 48 48s48-21.5 48-48-21.5-48-48-48c-8.8 0-16-7.2-16-16l0-64c0-8.8 7.2-16 16-16 79.5 0 144 64.5 144 144S255.5 512 176 512 32 447.5 32 368l0-224c0-26.5 21.5-48 48-48zm168 0c92.8 0 168 75.2 168 168 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-66.3-53.7-120-120-120-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                                                            </div>
                                                                                                                <div class="font-semibold text-foreground w-full">
                                                            Blog | Interatividade                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://gatasgyn.com/sobre" target="_self" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                                                                                    <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                                <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M483.1 159.7c10.9-24.6 21.4-60.4 21.4-87.9 0-72.7-79.6-98.4-209.7-38.6-107.6-7.2-211.2 73.7-237.1 186.5 30.9-34.9 78.3-82.3 122-101.2-54.3 48.3-100.6 109.4-135.7 173.2-20.7 37.9-44 99.2-44 145 0 98.6 92.9 86.5 180.3 42 31.4 15.4 66.6 15.6 101.7 15.6 97.1 0 184.2-54.3 216.8-146l-120.8 0c-52.5 88.6-196.8 53-196.8-47.4l328.8 0c6.4-43.6-1.7-95.7-26.9-141.2zM64.6 346.9C82.3 398 118.3 442.7 164.8 470.2 76.1 519.1-8.4 499.3 64.6 346.9zM180.5 238c2-55.2 50.3-94.9 104-94.9 53.4 0 102 39.7 104 94.9l-208 0zM365.1 50.4c21.4-10.3 48.6-22 72.6-22 31.4 0 54.3 21.7 54.3 53.7 0 20-7.4 49-14.6 67.9-26.3-42.3-66-81.6-112.3-99.6z"/></svg>                                                            </div>
                                                                                                                <div class="font-semibold text-foreground w-full">
                                                            Sobre o GatasGyn                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://gatasgyn.com/politica-de-uso" target="_self" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                                                                                    <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                                <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                                                            </div>
                                                                                                                <div class="font-semibold text-foreground w-full">
                                                            Política de Uso                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://gatasgyn.com/faq" target="_self" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                                                                                    <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                                <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 512 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M464 256a208 208 0 1 0 -416 0 208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0zm256-80c-17.7 0-32 14.3-32 32 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-44.2 35.8-80 80-80s80 35.8 80 80c0 47.2-36 67.2-56 74.5l0 3.8c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-8.1c0-20.5 14.8-35.2 30.1-40.2 6.4-2.1 13.2-5.5 18.2-10.3 4.3-4.2 7.7-10 7.7-19.6 0-17.7-14.3-32-32-32zM224 368a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>                                                            </div>
                                                                                                                <div class="font-semibold text-foreground w-full">
                                                            Faq | Dúvidas                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://www.instagram.com/gatasgyn_oficial/" target="_blank" rel="noopener noreferrer" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                                                                                    <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                                <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 448 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                                                            </div>
                                                                                                                <div class="font-semibold text-foreground w-full">
                                                            Instagram                                                        </div>
                                                    </a>
                                                                                                                                                        <a href="https://x.com/GatasgynOficial" target="_blank" rel="noopener noreferrer" class="w-full h-12 py-4 px-2 flex items-center text-base-gray my-2">
                                                                                                                    <div class="text-primary flex items-center justify-center rounded mr-2 w-8 h-8 relative bg-gray-100 rounded-lg ">
                                                                <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 448 512"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"/></svg>                                                            </div>
                                                                                                                <div class="font-semibold text-foreground w-full">
                                                            GatasGyn no X                                                        </div>
                                                    </a>
                                                 
                                                <div class="h-20 relative"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- OFFCANVAS MENU (Drawer) -->

            <!-- MENU FIXO + MENU MOBILE TARGETS 
            <nav id="menuFixoMobile" x-data="{}" class="footer-navbar navbar z-50 fixed left-0 right-0 scrollY bottom-0 mx-auto flex w-full justify-between gap-8 border-t bg-background px-10 pt-5 pb-3 text-xs sm:max-w-md sm:rounded-t-xl sm:border-l sm:border-r sm:text-sm transition duration-200 ease-in-out">
                <a href="#" class="flex flex-col items-center gap-1  text-gray-500 ">
                    <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
                        <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path>
                    </svg> 
                    <span>Modelos</span>
                </a>
                <button onclick="initBusca()" type="button" @click.prevent="$dispatch('search')" class="flex flex-col items-center gap-1 text-gray-500 transition duration-100 hover:text-gray-500 active:text-gray-600">
                    <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
                        <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path>
                    </svg> 
                    <span>Buscar</span>
                </button>
                <button onclick="abrirFecharDrawer()" @click.prevent="$dispatch('menu')" title="Abrir menu" class="flex flex-col items-center gap-1 text-gray-500 transition duration-100 hover:text-gray-500 active:text-gray-600">
                    <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
                    </svg> 
                    <span>Menu</span>
                </button>
            </nav>
             MENU FIXO + MENU MOBILE TARGETS -->
             
             		<div data-elementor-type="wp-post" data-elementor-id="2189" class="elementor elementor-2189">
				<div class="elementor-element elementor-element-e221bd6 e-flex e-con-boxed e-con e-parent" data-id="e221bd6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-045910d elementor-widget elementor-widget-diogenes_barra_fixa_inferior" data-id="045910d" data-element_type="widget" data-e-type="widget" data-widget_type="diogenes_barra_fixa_inferior.default">
				<div class="elementor-widget-container">
					
        <!-- MENU FIXO + MENU MOBILE TARGETS -->
        <nav id="menuFixoMobile" x-data="{}" class="nova-barra-de-perfil-modelo footer-navbar navbar z-50 fixed left-0 right-0 scrollY bottom-0 mx-auto flex w-full justify-between gap-8 border-t bg-background px-10 pt-5 pb-3 text-xs sm:max-w-md sm:rounded-t-xl sm:border-l sm:border-r sm:text-sm transition duration-200 ease-in-out">
            <!--
                                <a href="#" class="menu-item flex flex-col items-center gap-1 text-gray-500">
                        <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path></svg>                        <span>Destaques</span>
                    </a>
                                                <button type="button" onclick="initBusca()" @click.prevent="$dispatch(&#039;search&#039;)" class="menu-item flex flex-col items-center gap-1 text-gray-500 transition duration-100 hover:text-gray-500 active:text-gray-600">
                        <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path></svg>                        <span>Buscar</span>
                    </button>
                                                <button type="button" onclick="abrirFecharDrawer()" @click.prevent="$dispatch(&#039;menu&#039;)" class="menu-item flex flex-col items-center gap-1 text-gray-500 transition duration-100 hover:text-gray-500 active:text-gray-600" title="Abrir menu">
                        <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg>                        <span>Menu</span>
                    </button>
                                        -->


            <!-- HOMEPAGE -->
            <a href="https://gatasgyn.com" 
               class="menu-item flex flex-col items-center gap-1 text-gray-500"
               title="Voltar ao ínicio"
            >
                <svg style="height: 24px;margin-bottom: 2px;" id="svgHome" viewBox="0 0 24 24" height="30px" width="30px" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M14 21.0001V15.0001H10V21.0001M19 9.77818V16.2001C19 17.8802 19 18.7203 18.673 19.362C18.3854 19.9265 17.9265 20.3855 17.362 20.6731C16.7202 21.0001 15.8802 21.0001 14.2 21.0001H9.8C8.11984 21.0001 7.27976 21.0001 6.63803 20.6731C6.07354 20.3855 5.6146 19.9265 5.32698 19.362C5 18.7203 5 17.8802 5 16.2001V9.77753M21 12.0001L15.5668 5.96405C14.3311 4.59129 13.7133 3.9049 12.9856 3.65151C12.3466 3.42894 11.651 3.42899 11.0119 3.65165C10.2843 3.90516 9.66661 4.59163 8.43114 5.96458L3 12.0001" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
                <span>Home</span>    
            </a>
            <!-- HOMEPAGE -->

            <!-- CADASTRAR / ANUNCIAR --> 
                            <a href="javascript:openAuthModal()" 
                   class="menu-item flex flex-col items-center gap-1 text-gray-500"
                   title="Cadastrar"
                >
                    <i class="fa fa-user" style="font-size: 20px;height: 20px;"></i> <span>Cadastrar</span>
                </a>
                        <!-- CADASTRAR / ANUNCIAR --> 

            <!-- ACOMPANHANTES -->
            <a href="javascript:abrirModalNovaPesquisa()" 
                   class="menu-item flex flex-col items-center gap-1 text-gray-500"
                   title="Acompanhantes"
                >
                    <i class="fa fa-heart" style="font-size: 20px;height: 20px;"></i> <span>Acompanhantes</span>
            </a>
            <!-- ACOMPANHANTES -->

            <!-- REELS -->
            <a href="javascript:iniciarNovoReels()" 
                   class="menu-item flex flex-col items-center gap-1 text-gray-500"
                   title="REELS"
                >
                    <i class="fa fa-play-circle" style="font-size: 20px;height: 20px;"></i> 
                    <span>Reels <img draggable="false" role="img" class="emoji" alt="🔥" src="https://s.w.org/images/core/emoji/15.1.0/svg/1f525.svg"></span>
            </a>
            <!-- REELS -->

            <!-- BUSCAR 
            <button type="button" onclick="initBusca()" @click.prevent="$dispatch('search')" class="menu-item flex flex-col items-center gap-1 text-gray-500 transition duration-100 hover:text-gray-500 active:text-gray-600">
                <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path></svg>                        <span>Buscar</span>
            </button>  
             BUSCAR --> 

            <!-- MENU -->
            <button 
                type="button" 
                onclick="abrirFecharDrawer()" 
                @click.prevent="$dispatch('menu')" 
                class="menu-item flex flex-col items-center gap-1 text-gray-500 transition duration-100 hover:text-gray-500 active:text-gray-600" 
                title="Abrir menu"
            >
                  <svg width="24" height="24" class="w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg>                        <span>Menu</span>
            </button> 
            <!-- MENU --> 
        </nav>
        <!-- MENU FIXO + MENU MOBILE TARGETS -->

        				</div>
				</div>
					</div>
				</div>
				</div>
		
            <!-- HERO / HEADER-->
            <div class="diogenes-gt-main-container internas">
                <div class="diogenes-gt-background"></div>
                
                <header id="gtHeaderNewPerfil" class="diogenes-gt-header">
                    <div class="diogenes-gt-auth-buttons">
                        <!-- Buttons vazios conforme original -->
                    </div>
                    
                    <div class="diogenes-gt-logo">
                        <a href="https://gatasgyn.com/" title="GatasGyn">
                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2025/06/logo-gatas-gyn-acompanhantes-goiania.webp" alt="GatasGyn Logo">
                        </a>
                    </div>

                    <button class="diogenes-gt-menu-btn" onclick="abrirFecharDrawer()">
                        MENU
                        <div class="diogenes-gt-menu-icon">
                            <span></span><span></span><span></span>
                            <span></span><span></span><span></span>
                            <span></span><span></span><span></span>
                        </div>
                    </button>
                </header>

                <!-- MASCARA OVERLAY -->
                <div class="diogenes-gt-mascara">
                    &nbsp;
                </div>
                <!-- MASCARA OVERLAY -->

            </div>
            <!-- HERO / HEADER-->

                				</div>
				</div>
					</div>
				</div>
				</div>
		
<!-- BLOG -->
<section class="seo-section limite-modelo-3 novo-reels-modelo-3 caixa-noticias" style="padding-top:4px !important;">
    <div class="container">

     
        <style>
            @media (max-width: 540px) {
                    .caixa-noticias .noticia h3 a, .caixa-noticias .noticia h3 a:hover {
                        color: #f2f2f2;
                        text-decoration: none;
                        font-size: 22px;
                        line-height: 27px;
                        position: relative;
                        display: block;
                        
                    }
                    .esconder-mobile{
                        display: none;
                    }
                }
        </style>

        <!-- COMPONENTE 1: Menu Horizontal de Categorias -->
            <nav class="navegacao-categorias-blog-container">
                <button class="navegacao-categorias-blog-scroll-button navegacao-categorias-blog-scroll-left">
                    <i class="fa fa-angle-left"></i>
                </button>
                
                <div class="navegacao-categorias-blog-wrapper">
                    <a href="https://gatasgyn.com/blog/" class="navegacao-categorias-blog-item  navegacao-categorias-blog-home">
                        Home do Blog
                    </a>
                    
                    <a href="#" href-disabled="https://gatasgyn.com/artigos/contos-eroticos/" class="navegacao-categorias-blog-item ">Contos Eróticos</a><a href="#" href-disabled="https://gatasgyn.com/artigos/dicas/" class="navegacao-categorias-blog-item ">Dicas</a><a href="#" href-disabled="https://gatasgyn.com/artigos/dicas-de-sexo/" class="navegacao-categorias-blog-item ">Dicas de Sexo</a><a href="#" href-disabled="https://gatasgyn.com/artigos/interatividade/" class="navegacao-categorias-blog-item ">Interatividade</a><a href="#" href-disabled="https://gatasgyn.com/artigos/parceiros/" class="navegacao-categorias-blog-item ">Parceiros</a>                </div>
                
                <button class="navegacao-categorias-blog-scroll-button navegacao-categorias-blog-scroll-right">
                    <i class="fa fa-angle-right"></i>
                </button>
            </nav>
            <!-- COMPONENTE 1: Menu Horizontal de Categorias -->

        <!-- CAIXA DAS NOTICIAS PRINCIPAIS -->
        <div class="diogenes-row">
                 <!-- COLUNA DOIS -->
            <div class="diogenes-col-xl-9 diogenes-col-lg-9 diogenes-col-md-9 diogenes-col-12 coluna-dois coluna-loop-noticias">

                <!-- LOOP NOTICIAS -->
                <div class="caixa-branca listagem-clone-abas noticias" style="margin-top:20px !important">

                    <div class="diogenes-row">

                          <!-- CAIXA NOTICIAS -->
                          <div class="diogenes-col-12 caixa-noticias">

                                <!-- NOTICIA GRANDE -->
                                <div class="diogenes-row noticia-grande">

                                     <!-- NOTICIA -->
                                     <div class="diogenes-col-12 noticia">
                                        <div class="diogenes-row">
                                              <div class="diogenes-col-12">
                                                    <div class="capa-noticia">
                                                    <a href="#" title="Você está lendo Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material">
                                                                                                                    <img src="" alt="Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material">   
                                                    </a>
                                                    </div>
                                              </div>


                                              <div class="novo-breadcrumb" aria-label="Breadcrumb">
    <div class="container">
        <div class="diogenes-row">
            <div class="diogenes-col-12">
                
                <a href="https://gatasgyn.com" title="Voltar a home GatasGyn">
                    <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/perfil2-icon-house.png" alt="Home">
                </a>
                
                <span>/</span> 
                
                <a href="https://gatasgyn.com/blog/" title="Ir para o Blog">
                    Blog
                </a>
                
                <span>/</span> 
                
                <a href="https://gatasgyn.com/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material/" title="Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material">
                    Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material                </a>
            </div>
        </div>
    </div>
</div>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://gatasgyn.com/"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Blog",
            "item": "https://gatasgyn.com/blog/"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material",
            "item": "https://gatasgyn.com/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material/"
        }
    ]
}</script>
                                              <div class="diogenes-col-12 titulo-noticia-interna">
                                                    <h3>
                                                          <a href="#" title="Você está lendo Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material">
                                                                Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material                                                                <small>
                                                                    Postado em 02/02/2025 15:00                                                                </small>
                                                           </a>
                                                    </h3>
                                              </div>
                                              <div class="diogenes-col-12 conteudo-noticia">

                                                <p>&nbsp;</p>

                                                <div class="final-single-blog-share-container">
                                                        <a href="#" class="final-single-blog-error-button">
                                                            <svg class="final-single-blog-error-icon" viewBox="0 0 24 24" width="16" height="16">
                                                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h2v-2h-2v2zm0-4h2V7h-2v6z"/>
                                                            </svg>
                                                            Comunicar erro
                                                        </a>
                                                        <div class="final-single-blog-share-buttons">
                                                            <a href="#" class="final-single-blog-whatsapp-button">
                                                            <svg viewBox="0 0 24 24" width="24" height="24">
                                                                <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
                                                            </svg>
                                                            </a>
                                                            <a href="#" class="final-single-blog-share-button">
                                                            <svg viewBox="0 0 24 24" width="24" height="24">
                                                                <path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/>
                                                            </svg>
                                                            </a>
                                                        </div>
                                                </div>

                                                <article>
                                                    
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:30%"><form role="search" method="get" action="https://gatasgyn.com/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Pesquisar</label><div class="wp-block-search__inside-wrapper" ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Pesquisar" class="wp-block-search__button wp-element-button" type="submit" >Pesquisar</button></div></form>


<h2 class="wp-block-heading" id="h-posts-recentes"><strong>Posts recentes</strong></h2>


<ul class="wp-block-latest-posts__list wp-block-latest-posts is-layout-flow wp-block-latest-posts-is-layout-flow"><li><a class="wp-block-latest-posts__post-title" href="https://gatasgyn.com/acompanhante-de-luxo-em-anapolis/">Acompanhante de Luxo em Anápolis | Perfis Exclusivos e Seguros</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://gatasgyn.com/acompanhante-greluda-em-anapolis/">Acompanhante greluda em Anápolis | GatasGyn</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://gatasgyn.com/acompanhante-negra-em-anapolis/">Acompanhante negra em Anápolis | GatasGyn</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://gatasgyn.com/acompanhante-de-luxo-gravida-em-anapolis/">Acompanhante de luxo grávida em Anápolis | GatasGyn</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://gatasgyn.com/acompanhante-gordinha-em-anapolis/">Acompanhante gordinha em Anápolis | GatasGyn</a></li>
</ul></div>


<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:70%">
<h1 class="wp-block-heading" id="h-sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material"><strong>Sites para Vender Conteúdo Adulto: Onde e Como Monetizar Seu Material</strong></h1>


<p class="wp-block-paragraph">A venda de conteúdo adulto se tornou uma alternativa lucrativa para criadores que desejam monetizar seu material de forma independente. Com plataformas especializadas, é possível alcançar um público segmentado e garantir ganhos consistentes.</p>


<p class="wp-block-paragraph">Se você quer saber <strong>quais são os melhores sites para vender conteúdo adulto</strong>, continue lendo e descubra as principais plataformas e estratégias para maximizar seus lucros.</p>


<h2 class="wp-block-heading" id="h-melhores-sites-para-vender-conteudo-adulto"><strong>Melhores Sites para Vender Conteúdo Adulto</strong></h2>


<h3 class="wp-block-heading" id="h-1-onlyfans"><strong>1. OnlyFans</strong></h3>


<p class="wp-block-paragraph">O <strong>OnlyFans</strong> é a plataforma mais popular para venda de conteúdo adulto. Ele funciona por meio de assinaturas, onde os fãs pagam um valor mensal para acessar conteúdos exclusivos.</p>


<h3 class="wp-block-heading" id="h-2-fansly"><strong>2. Fansly</strong></h3>


<p class="wp-block-paragraph">Similar ao OnlyFans, o <strong>Fansly</strong> oferece opções avançadas de personalização e permite que os criadores segmentem conteúdos para diferentes públicos.</p>


<h3 class="wp-block-heading" id="h-3-manyvids"><strong>3. ManyVids</strong></h3>


<p class="wp-block-paragraph">O <strong>ManyVids</strong> é ideal para a venda de vídeos avulsos, permitindo que os criadores definam preços individuais para cada conteúdo.</p>


<h3 class="wp-block-heading" id="h-4-chaturbate"><strong>4. Chaturbate</strong></h3>


<p class="wp-block-paragraph">Para quem prefere interações ao vivo, o <strong>Chaturbate</strong> é uma ótima opção. Ele permite transmissões em tempo real, onde os espectadores podem enviar gorjetas.</p>


<h3 class="wp-block-heading" id="h-5-loyalfans"><strong>5. LoyalFans</strong></h3>


<p class="wp-block-paragraph">O <strong>LoyalFans</strong> é uma plataforma versátil que combina assinaturas, vídeos avulsos e mensagens pagas, oferecendo mais oportunidades de lucro.</p>


<h3 class="wp-block-heading" id="h-6-ismygirl"><strong>6. IsMyGirl</strong></h3>


<p class="wp-block-paragraph">O <strong>IsMyGirl</strong> se destaca por ser voltado para modelos e criadores que desejam vender conteúdo premium.</p>


<h2 class="wp-block-heading" id="h-como-ter-sucesso-na-venda-de-conteudo-adulto"><strong>Como Ter Sucesso na Venda de Conteúdo Adulto</strong></h2>


<h3 class="wp-block-heading" id="h-1-invista-na-qualidade-do-conteudo"><strong>1. Invista na Qualidade do Conteúdo</strong></h3>


<p class="wp-block-paragraph">Fotos e vídeos com boa iluminação e edição profissional ajudam a atrair mais compradores.</p>


<h3 class="wp-block-heading" id="h-2-use-as-redes-sociais-para-divulgacao"><strong>2. Use as Redes Sociais para Divulgação</strong></h3>


<p class="wp-block-paragraph">Twitter, Reddit e Telegram são essenciais para atrair seguidores interessados em seu conteúdo pago.</p>


<h3 class="wp-block-heading" id="h-3-crie-conteudos-exclusivos-e-personalizados"><strong>3. Crie Conteúdos Exclusivos e Personalizados</strong></h3>


<p class="wp-block-paragraph">Oferecer materiais sob demanda pode aumentar seus lucros e fidelizar clientes.</p>


<h3 class="wp-block-heading" id="h-4-proteja-sua-identidade-e-privacidade"><strong>4. Proteja sua Identidade e Privacidade</strong></h3>


<p class="wp-block-paragraph">Use pseudônimos e bloqueie regiões específicas para evitar exposição indesejada.</p>


<h3 class="wp-block-heading" id="h-5-diversifique-suas-fontes-de-renda"><strong>5. Diversifique suas Fontes de Renda</strong></h3>


<p class="wp-block-paragraph">Além da venda de conteúdo digital, muitas pessoas exploram outras áreas do mercado adulto. Por exemplo, profissionais que atuam como<a href="https://travestisemcuritiba.com.br/acompanhantes-do-hauer/"> <strong>acompanhantes no Hauer</strong></a> oferecem serviços exclusivos para um público seleto.</p>


<h2 class="wp-block-heading" id="h-oportunidades-no-mercado-adulto"><strong>Oportunidades no Mercado Adulto</strong></h2>


<p class="wp-block-paragraph">A diversidade no mercado adulto é grande, e muitas pessoas buscam experiências personalizadas. Isso inclui o segmento de<a href="https://travestisemcuritiba.com.br/acompanhantes-travestis-e-transex-em-curitiba/"> <strong>Acompanhantes Travestis e Transex em Curitiba</strong></a>, que cresce devido à alta demanda por serviços diferenciados e personalizados.</p>


<h2 class="wp-block-heading" id="h-conclusao-escolha-a-melhor-plataforma-e-comece-a-vender"><strong>Conclusão: Escolha a Melhor Plataforma e Comece a Vender</strong></h2>


<p class="wp-block-paragraph">A venda de conteúdo adulto pode ser altamente lucrativa quando feita da maneira certa. Escolher uma boa plataforma, divulgar seu material e oferecer conteúdos exclusivos são passos fundamentais para o sucesso.</p>


<p class="wp-block-paragraph">Se você quer começar nesse mercado, escolha um dos <strong>sites para vender conteúdo adulto</strong> mencionados e comece a ganhar dinheiro com seu conteúdo agora mesmo!</p>


<p class="wp-block-paragraph">Tem dúvidas ou quer compartilhar sua experiência? Deixe seu comentário! 🚀</p>
</div>
</div>
                                                </article>

                                                <p>&nbsp;</p>
                                                <div class="final-single-blog-share-container">
                                                        <a href="#" class="final-single-blog-error-button">
                                                            <svg class="final-single-blog-error-icon" viewBox="0 0 24 24" width="16" height="16">
                                                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h2v-2h-2v2zm0-4h2V7h-2v6z"/>
                                                            </svg>
                                                            Comunicar erro
                                                        </a>
                                                        <div class="final-single-blog-share-buttons">
                                                            <a href="#" class="final-single-blog-whatsapp-button">
                                                            <svg viewBox="0 0 24 24" width="24" height="24">
                                                                <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
                                                            </svg>
                                                            </a>
                                                            <a href="#" class="final-single-blog-share-button">
                                                            <svg viewBox="0 0 24 24" width="24" height="24">
                                                                <path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/>
                                                            </svg>
                                                            </a>
                                                        </div>
                                                </div>

                                              </div>
                                        </div>
                                    </div>
                                    <!-- NOTICIA -->

                                </div>
                                <!-- NOTICIA GRANDE -->

                          </div>
                          <!-- CAIXA NOTICIAS -->

                    </div>
                    <!-- LOOP NOTICIAS -->

                    </div>
                    <!-- NOTICIAS -->

            </div>
            <!-- COLUA DOIS -->

             <!-- COLUNA DOIS -->
             <div class="diogenes-col-xl-3 diogenes-col-lg-3 diogenes-col-md-3 diogenes-col-12 coluna-tres" style="padding-top:20px">
                <div class="sidebar">


                    <!-- COMPONENTE 2: Lista de Categorias na Sidebar -->
                    <div class="navegacao-categorias-blog-sidebar-container">
                        <h3 class="navegacao-categorias-blog-sidebar-title">Categorias</h3>
                        <ul class="navegacao-categorias-blog-sidebar-list">
                            <li class="navegacao-categorias-blog-sidebar-item"><a href="#" href-disabled="https://gatasgyn.com/artigos/contos-eroticos/" class="navegacao-categorias-blog-sidebar-link">Contos Eróticos<span class="navegacao-categorias-blog-sidebar-badge">10</span></a></li><li class="navegacao-categorias-blog-sidebar-item"><a href="#" href-disabled="https://gatasgyn.com/artigos/dicas/" class="navegacao-categorias-blog-sidebar-link">Dicas<span class="navegacao-categorias-blog-sidebar-badge">1</span></a></li><li class="navegacao-categorias-blog-sidebar-item"><a href="#" href-disabled="https://gatasgyn.com/artigos/dicas-de-sexo/" class="navegacao-categorias-blog-sidebar-link">Dicas de Sexo<span class="navegacao-categorias-blog-sidebar-badge">15</span></a></li><li class="navegacao-categorias-blog-sidebar-item"><a href="#" href-disabled="https://gatasgyn.com/artigos/interatividade/" class="navegacao-categorias-blog-sidebar-link">Interatividade<span class="navegacao-categorias-blog-sidebar-badge">29</span></a></li><li class="navegacao-categorias-blog-sidebar-item"><a href="#" href-disabled="https://gatasgyn.com/artigos/parceiros/" class="navegacao-categorias-blog-sidebar-link">Parceiros<span class="navegacao-categorias-blog-sidebar-badge">42</span></a></li>                        </ul>
                    </div>
                    <!-- COMPONENTE 2: Lista de Categorias na Sidebar -->

                    <!-- SHARE GERAL --> 
                    <div class="navegacao-categorias-blog-sidebar-container" style="margin-top:44px;">
                       <h3 class="navegacao-categorias-blog-sidebar-title">Compartilhar</h3>
                    </div>
                    <div class="sidebar-blog-share-geral-container">
                        <div class="sidebar-blog-share-geral-buttons">
                            <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fgatasgyn.com%2Fsites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material%2F" target="_blank" class="sidebar-blog-share-geral-button sidebar-blog-share-geral-facebook">
                            <i class="sidebar-blog-share-geral-icon">
                                <svg viewBox="0 0 24 24" width="24" height="24">
                                <path d="M12 2.04c-5.5 0-10 4.49-10 10.02 0 5 3.66 9.15 8.44 9.9v-7H7.9v-2.9h2.54V9.85c0-2.51 1.49-3.89 3.78-3.89 1.09 0 2.23.19 2.23.19v2.47h-1.26c-1.24 0-1.63.77-1.63 1.56v1.88h2.78l-.45 2.9h-2.33v7a10 10 0 0 0 8.44-9.9c0-5.53-4.5-10.02-10-10.02z"/>
                                </svg>
                            </i>
                            <span class="sidebar-blog-share-geral-text">Facebook</span>
                            </a>
                            <a href="https://api.whatsapp.com/send?text=Sites+para+Vender+Conte%C3%BAdo+Adulto%3A+Onde+e+Como+Monetizar+Seu+Material+-+https%3A%2F%2Fgatasgyn.com%2Fsites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material%2F" target="_blank" class="sidebar-blog-share-geral-button sidebar-blog-share-geral-whatsapp">
                            <i class="sidebar-blog-share-geral-icon">
                                <svg viewBox="0 0 24 24" width="24" height="24">
                                <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
                                </svg>
                            </i>
                            <span class="sidebar-blog-share-geral-text">WhatsApp</span>
                            </a>
                            <a href="/cdn-cgi/l/email-protection#a996dadccbc3cccadd94fac0ddccda82d9c8dbc882ffccc7cdccdb82eac6c7ddcc8cea9a8cebe8cdc682e8cddcc5ddc68c9ae882e6c7cdcc82cc82eac6c4c682e4c6c7ccddc0d3c8db82faccdc82e4c8ddccdbc0c8c58fcbc6cdd094c1ddddd9da8c9ae88c9bef8c9befcec8ddc8daced0c787cac6c48c9befdac0ddccda84d9c8dbc884dfccc7cdccdb84cac6c7ddccdccdc684c8cddcc5ddc684c6c7cdcc84cc84cac6c4c684c4c6c7ccddc0d3c8db84daccdc84c4c8ddccdbc0c8c58c9bef" class="sidebar-blog-share-geral-button sidebar-blog-share-geral-email">
                            <i class="sidebar-blog-share-geral-icon">
                                <svg viewBox="0 0 24 24" width="24" height="24">
                                <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
                                </svg>
                            </i>
                            <span class="sidebar-blog-share-geral-text">E-mail</span>
                            </a>
                        </div>
                    </div>
                    <!-- SHARE GERAL --> 
                      
                    		<div data-elementor-type="wp-post" data-elementor-id="2184" class="elementor elementor-2184">
				<div class="elementor-element elementor-element-83656c6 e-flex e-con-boxed e-con e-parent" data-id="83656c6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d654f1e elementor-widget elementor-widget-diogenes_sidebar" data-id="d654f1e" data-element_type="widget" data-e-type="widget" data-widget_type="diogenes_sidebar.default">
				<div class="elementor-widget-container">
					<style>.elementor-element-d654f1e .ads-lateral:not(:last-child) { margin-bottom: 20px; }</style>
        <!-- ADS LATERAL -->
        <div class="ads-lateral" style="display:none !important;">
            <a href="#" rel="nofollow" title="Banner publicitário 1" >
                <img src="https://app.gatasgyn.com/wp-content/uploads/2025/07/media.gif" alt="Banner publicitário 1">
            </a>
        </div>
        <!-- ADS LATERAL -->

        
        <!-- ADS LATERAL -->
        <div class="ads-lateral" style="display:none !important;">
            <a href="#" rel="nofollow" title="Banner publicitário 2" >
                <img src="https://app.gatasgyn.com/wp-content/uploads/2025/07/0feaa0cf-256b-4a03-97f3-a486c58cb561.jpg" alt="Banner publicitário 2">
            </a>
        </div>
        <!-- ADS LATERAL -->

        
        <!-- ADS LATERAL -->
        <div class="ads-lateral" style="display:none !important;">
            <a href="#" rel="nofollow" title="Banner publicitário 3" >
                <img src="https://app.gatasgyn.com/wp-content/uploads/2025/07/12240.gif" alt="Banner publicitário 3">
            </a>
        </div>
        <!-- ADS LATERAL -->

        
        <!-- ADS LATERAL -->
        <div class="ads-lateral" style="display:none !important;">
            <a href="#" rel="nofollow" title="Banner publicitário" >
                <img src="https://app.gatasgyn.com/wp-content/uploads/2025/07/media-2.gif" alt="Banner publicitário">
            </a>
        </div>
        <!-- ADS LATERAL -->

        
        				</div>
				</div>
					</div>
				</div>
				</div>
		  
                </div>
          </div>
          <!-- COLUNA DOIS -->
        </div>
        <!-- CAIXA DAS NOTICIAS PRINCIPAIS-->

    </div>
</section>
<!-- FINAL -->
  
<style>
    /* Proteção via CSS para dificultar no Mobile e Desktop */
    img {
        -webkit-user-drag: none;     /* Impede arrastar a imagem no Chrome/Safari */
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
        -webkit-touch-callout: none; /* Bloqueia o menu de "Salvar Imagem" no toque longo do iPhone/iOS */
        -webkit-user-select: none;   /* Impede seleção da imagem */
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

     .gg-viewer-slide-media{
        -webkit-transform: translateZ(0px);
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-perspective: 1000;
        isolation: isolate;
        position: relative;
        z-index: 1;
      }
</style>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    (function() {
        // Pega o domínio atual em que o script está rodando
        const host = window.location.hostname;

        // Verifica se é diferente de gatasgyn.com (e [www.gatasgyn.com](https://www.gatasgyn.com) por segurança).
        // Se for diferente (ex: homologacao.gatasgyn.com ou fabrica2), ele encerra a função e não aplica os bloqueios.
        if (host !== 'gatasgyn.com' && host !== '[www.gatasgyn.com](https://www.gatasgyn.com)') {
            return;
        }

        
        // 1. Bloqueia o clique direito (menu de contexto) em todo o documento
        document.addEventListener('contextmenu', function(e) {
            e.preventDefault();
        });

        // 2. Bloqueia o atalho de teclado para inspecionar e salvar (F12, Ctrl+Shift+I, Ctrl+S)
        document.addEventListener('keydown', function(e) {
            if (
                e.key === 'F12' || 
                (e.ctrlKey && e.shiftKey && e.key === 'I') || 
                (e.ctrlKey && e.shiftKey && e.key === 'C') || 
                (e.ctrlKey && e.shiftKey && e.key === 'J') || 
                (e.ctrlKey && e.key === 'U') || // Ver código fonte
                (e.ctrlKey && e.key === 's') || (e.ctrlKey && e.key === 'S') // Salvar página
            ) {
                e.preventDefault();
            }
        });

        // 3. Bloqueia o arrastar (drag) caso o CSS falhe em algum navegador
        document.addEventListener('dragstart', function(e) {
            if (e.target.tagName.toLowerCase() === 'img') {
                e.preventDefault();
            }
        });
    })();
</script>

<script>
        // 1. Intercepta TODAS as chamadas Fetch API nativas
        const fetchOriginal = window.fetch;
        window.fetch = function() {
            let [resource, config] = arguments;
            if (!config) config = {};
            
            // Força a inclusão de cookies (credentials) silenciosamente
            config.credentials = 'include';
            
            return fetchOriginal(resource, config);
        };

        // 2. Intercepta TODAS as chamadas XMLHttpRequest (XHR) antigas
        // Isso cobre scripts nativos antigos e garante que o jQuery também herde
        const xhrOpenOriginal = XMLHttpRequest.prototype.open;
        XMLHttpRequest.prototype.open = function() {
            this.withCredentials = true; // Força os cookies
            return xhrOpenOriginal.apply(this, arguments);
        };

        // 3. Intercepta o jQuery diretamente (Redundância de segurança)
        document.addEventListener('DOMContentLoaded', function() {
            if (typeof jQuery !== 'undefined') {
                jQuery.ajaxSetup({
                    crossDomain: true,
                    xhrFields: {
                        withCredentials: true
                    }
                });
            }
        });
    </script>


<div id="modal-nova-pesquisa" class="modal-nova-pesquisa-overlay">
    <div class="modal-nova-pesquisa-content">
        <button class="modal-nova-pesquisa-close" aria-label="Fechar">&times;</button>
        
        <h3 class="modal-nova-pesquisa-titulo">Acompanhantes GatasGyn</h3>
        
        <form id="form-nova-pesquisa" action="/pesquisa/" method="GET">
            <!--
            <div class="modal-nova-pesquisa-grupo">
                <label for="pesquisa-termo">O que você procura?</label>
                <input type="text" id="pesquisa-termo" name="q" placeholder="Ex: Massagem, Loira, etc..." required>
            </div>  
            -->
            
            <div class="modal-nova-pesquisa-grupo">
                <label for="pesquisa-local">Qual localização?</label>
                <input type="text" id="pesquisa-local" name="local" placeholder="Ex: Centro, Zona Sul...">
            </div>
            
            <button type="submit" class="modal-nova-pesquisa-btn">Pesquisar</button>
        </form>
    </div>
</div>

<style>
    /* Fundo escuro desfocado (Overlay) */
.modal-nova-pesquisa-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* Classe que o JS vai injetar para mostrar o modal */
.modal-nova-pesquisa-overlay.ativo {
    opacity: 1;
    pointer-events: auto;
}

/* Caixa do Modal */
.modal-nova-pesquisa-content {
    background-color: #1a1a1a; /* Fundo cinza bem escuro, quase preto */
    border-radius: 16px;
    padding: 32px 24px;
    width: 90%;
    max-width: 420px;
    position: relative;
    color: #ffffff;
    font-family: Arial, sans-serif;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    transform: translateY(-20px);
    transition: transform 0.3s ease;
    border: 1px solid #333;
}

.modal-nova-pesquisa-overlay.ativo .modal-nova-pesquisa-content {
    transform: translateY(0);
}

/* Título */
.modal-nova-pesquisa-titulo {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

/* Botão de Fechar (X) */
.modal-nova-pesquisa-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: none;
    color: #888;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.2s;
}

.modal-nova-pesquisa-close:hover {
    color: #ffffff;
}

/* Grupos de Input */
.modal-nova-pesquisa-grupo {
    margin-bottom: 20px;
}

.modal-nova-pesquisa-grupo label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #bbbbbb;
    font-weight: 500;
}

/* Inputs de Texto */
.modal-nova-pesquisa-grupo input[type="text"] {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #444;
    background-color: #262626;
    color: #ffffff;
    font-size: 15px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.modal-nova-pesquisa-grupo input[type="text"]:focus {
    outline: none;
    border-color: #0066cc; /* Tom de azul solicitado */
    background-color: #2a2a2a;
}

/* Botão Pesquisar */
.modal-nova-pesquisa-btn {
    width: 100%;
    padding: 16px;
    background-color: #0066cc; /* Tom de azul solicitado */
    color: #ffffff;
    border: none;
    border-radius: 30px; /* Arredondado estilo "pill" */
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.2s, transform 0.1s;
}

.modal-nova-pesquisa-btn:hover {
    background-color: #005bb5;
}

.modal-nova-pesquisa-btn:active {
    transform: scale(0.98);
}
</style>

<script>
    // Função global para abrir o modal de qualquer lugar do seu código
function abrirModalNovaPesquisa() {
    const modal = document.getElementById('modal-nova-pesquisa');
    if (modal) {
        modal.classList.add('ativo');
        // Foca automaticamente no primeiro campo para melhor UX
        setTimeout(() => document.getElementById('pesquisa-termo').focus(), 100);
    }
}

// Função para fechar o modal
function fecharModalNovaPesquisa() {
    const modal = document.getElementById('modal-nova-pesquisa');
    if (modal) {
        modal.classList.remove('ativo');
    }
}

// Event Listeners (Garantem que o botão X e o clique fora do modal fechem a janela)
document.addEventListener('DOMContentLoaded', function() {
    const btnFechar = document.querySelector('.modal-nova-pesquisa-close');
    const modalOverlay = document.getElementById('modal-nova-pesquisa');

    if (btnFechar) {
        btnFechar.addEventListener('click', fecharModalNovaPesquisa);
    }

    // Fecha se clicar na área escura (fora da caixa)
    if (modalOverlay) {
        modalOverlay.addEventListener('click', function(event) {
            if (event.target === this) {
                fecharModalNovaPesquisa();
            }
        });
    }

    // Fecha o modal ao apertar a tecla "Esc"
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape" && modalOverlay.classList.contains('ativo')) {
            fecharModalNovaPesquisa();
        }
    });
});
</script>


<style>
     /* Overlay do modal */
        .modal-overlay#modalOverlayGG18 {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.0);
            backdrop-filter: blur(8px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            padding: 20px;
        }

        /* Container do modal */
        #modalOverlayGG18 .modal-container {
            background: rgba(000,000,000,0.60);
            border-radius: 16px;
            max-width: 380px;
            width: 100%;
            padding: 24px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
        }

        /* Header do modal */
        #modalOverlayGG18 .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            padding-bottom: 16px;
            border-bottom: 1px solid #333;
        }

        #modalOverlayGG18 .age-badge {
            font-size: 42px;
            font-weight: 900;
            color: #006DD9;
            line-height: 1;
        }

        #modalOverlayGG18 .content-label {
            text-align: center;
            flex: 1;
            margin: 0 15px;
        }

        #modalOverlayGG18 .content-label h3 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: -4px;
        }

        #modalOverlayGG18 .content-label span {
            color: #006DD9;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: normal;
        }

        #modalOverlayGG18 .silhouette {
            width: 60px;
            height: auto;
            display: flex;
        }

        #modalOverlayGG18 .silhouette svg {
            width: 100%;
            height: 100%;
            fill: #006DD9;
        }

        #modalOverlayGG18 .silhouette img{
            margin-top: -9px;
            width: 46px;
            right: -3px;
            position: relative;
        }

        /* Corpo do modal */
        #modalOverlayGG18 .modal-body {
            margin-bottom: 20px;
        }

        #modalOverlayGG18 .modal-body p {
            color: #ccc;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 12px;
        }

        #modalOverlayGG18 .modal-body p strong {
            color: #006DD9;
            font-weight: 600;
        }

        #modalOverlayGG18 .modal-body p .highlight {
            color: #006DD9;
            font-weight: 600;
        }

        /* Links */
        #modalOverlayGG18 .links-row {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
        }

        #modalOverlayGG18 .link-item {
            color: #fff;
            font-size: 13px;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: color 0.3s ease;
        }

        #modalOverlayGG18 .link-item:hover {
            color: #006DD9;
        }

        .link-item svg {
            width: 14px;
            height: 14px;
            fill: currentColor;
        }

        /* Seção de cookies */
        .cookies-section {
            border-top: 1px solid #333;
            padding-top: 16px;
        }

        .cookies-section h4 {
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
        }

        .cookies-section p {
            color: #aaa;
            font-size: 13px;
            line-height: 1.5;
            margin-bottom: 10px;
        }

        /* Botão Aceitar */
        #modalOverlayGG18 .btn-accept {
            width: 100%;
            background: #006DD9;
            color: #fff;
            border: none;
            border-radius: 30px;
            padding: 16px 24px;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 20px;
            text-transform: none;
        }

        #modalOverlayGG18 .btn-accept:hover {
            background: #005bb8;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 109, 217, 0.4);
        }

        #modalOverlayGG18 .btn-accept:active {
            transform: translateY(0);
        }

        /* Animação de saída */
        #modalOverlayGG18.modal-overlay.hide {
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        #modalOverlayGG18.modal-overlay.hide .modal-container {
            transform: scale(0.9);
            transition: all 0.3s ease;
        }

        /* Animação de entrada */
        #modalOverlayGG18.modal-overlay {
            opacity: 1;
            visibility: visible;
            transition: all 0.3s ease;
        }

        #modalOverlayGG18 .modal-container {
            transform: scale(1);
            transition: all 0.3s ease;
        }
</style>


    <!-- Modal Overlay -->
    <div class="modal-overlay" id="modalOverlayGG18">
        <div class="modal-container">
            <!-- Header -->
            <div class="modal-header">
                <div class="age-badge">18+</div>
                <div class="content-label">
                    <h3>CONTEUDO</h3>
                    <span>ADULTO</span>
                </div>
                <div class="silhouette">
                    <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/09/favicon-64x64-1.png"> 
                </div>
            </div>

            <!-- Body -->
            <div class="modal-body">
                <p>
                    Entendo que o site <strong>GatasGyn</strong> apresenta <span class="highlight">conteúdo explícito</span> destinado a <span class="highlight">adultos</span>.
                </p>
            </div>

            <!-- Links -->
            <div class="links-row">
                <a href="javascript:abrirModalTermosCliente();" class="link-item">
                    Termos de uso
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
                    </svg>
                </a>
                <a href="javascript:abrirModalTermosCliente();" class="link-item">
                    LGPD
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
                    </svg>
                </a>
            </div>

            <!-- Cookies Section -->
            <div class="cookies-section">
                <h4>AVISO DE COOKIES</h4>
                <p>
                    Nós usamos cookies e outras tecnologias semelhantes para melhorar a sua experiência em nosso site.
                </p>
                <a href="javascript:abrirModalTermosCliente();" class="link-item">
                    Política de cookies
                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
                    </svg>
                </a>
            </div>

            <!-- Botão Aceitar -->
            <button class="btn-accept" id="btnAccept">Aceitar!</button>
        </div>
    </div>

    <script>
        const modal = document.getElementById('modalOverlayGG18');
        const btnAccept = document.getElementById('btnAccept');
        const storageKey = 'modalGG18_aceito';

        // Verifica o localStorage ao carregar
        const acceptedData = localStorage.getItem(storageKey);
        if (acceptedData) {
            const data = JSON.parse(acceptedData);
            const agora = new Date().getTime();
            
            // Se a data atual for menor que a data de expiração, oculta o modal
            if (agora < data.expiry) {
                modal.style.display = 'none';
            } else {
                // Limpa o registro se já passaram 30 dias
                localStorage.removeItem(storageKey); 
            }
        }

        // Fechar modal ao clicar em Aceitar
       btnAccept.addEventListener('click', function() {
            modal.classList.add('hide');
            
            // Salva no localStorage com expiração de 1 dia (em milissegundos)
            const agora = new Date().getTime();
            const expiracao = agora + (1 * 24 * 60 * 60 * 1000); 
            localStorage.setItem(storageKey, JSON.stringify({ expiry: expiracao }));
            
            // Remover completamente após a animação
            setTimeout(function() {
                modal.style.display = 'none';
            }, 300);

         });
        
        /*
        document.addEventListener('DOMContentLoaded', function() {

            setTimeout(function() {
                    jQuery("#modalOverlayGG18").fadeIn(300);
                }, 5500);

        });
        */

    </script>


		<div data-elementor-type="wp-post" data-elementor-id="117" class="elementor elementor-117">
				<div class="elementor-element elementor-element-1fee6fe e-flex e-con-boxed e-con e-parent" data-id="1fee6fe" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5e13916 elementor-widget elementor-widget-diogenes_footers" data-id="5e13916" data-element_type="widget" data-e-type="widget" data-widget_type="diogenes_footers.default">
				<div class="elementor-widget-container">
					
          
            <!-- FOOTER -->
            <footer class="footer-container">
                <div class="container">
                    <div class="row">
                        <!-- Coluna 1: Logo e Navegação do Site -->
                        <div class="col-lg-3 col-md-6 footer-section">
                            <!-- Logo -->
                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2025/06/logo-gatas-gyn-acompanhantes-goiania.webp" alt="Gatas GYN Logo" class="footer-logo">
                            
                            <!-- Navegação 1 -->
                            <h3 class="footer-title">NAVEGUE NO SITE</h3>
                            <p>Encontre o que você procura</p>
                            <ul class="footer-list">
                                                                <li><a href="https://gatasgyn.com/acompanhantes">Acompanhantes por Cidade</a></li>
                                                                <li><a href="https://gatasgyn.com/acompanhantes/goiania">Acompanhantes Goiânia</a></li>
                                                                <li><a href="https://gatasgyn.com/acompanhantes/anapolis">Acompanhantes Anápolis</a></li>
                                                                <li><a href="https://gatasgyn.com/acompanhantes/caldas-novas">Acompanhantes Caldas Novas</a></li>
                                                                <li><a href="https://gatasgyn.com/acompanhantes/rio-verde">Acompanhantes Rio Verde</a></li>
                                                                <li><a href="https://gatasgyn.com/sobre/">Sobre o GatasGyn</a></li>
                                                                <li><a href="https://gatasgyn.com/anuncie-aqui">Anuncie</a></li>
                                                                <li><a href="https://gatasgyn.com/contato">Contato</a></li>
                                                                <li><a href="https://gatasgyn.com/blog">Blog</a></li>
                                                                <li><a href="https://gatasgyn.com/faq">Faq</a></li>
                                                                
                                
                            </ul>
                        </div>
                        
                        <!-- Coluna 2: Mais Navegação e Garotas -->
                        <div class="col-lg-3 col-md-6 footer-section">
                            <!-- Navegação 2 -->
                            <h3 class="footer-title">NOVIDADES</h3>
                            <p>Novas acompanhantes adicionadas</p>
                            
                            <!-- Lista de Garotas -->
                            <div class="footer-garotas">
                                <!--
                                                                <div class="footer-garota-item">
                                    <img src="https://app.gatasgyn.com/wp-content/plugins/elementor/assets/images/placeholder.png" alt="Melissa, 21" class="footer-garota-img">
                                    <div class="footer-garota-info">
                                        <span class="footer-garota-nome">Melissa, 21</span>
                                        <span class="footer-garota-local">Goiânia, GO, Br</span>
                                    </div>
                                </div>
                                                                <div class="footer-garota-item">
                                    <img src="https://app.gatasgyn.com/wp-content/plugins/elementor/assets/images/placeholder.png" alt="Melissa, 21" class="footer-garota-img">
                                    <div class="footer-garota-info">
                                        <span class="footer-garota-nome">Melissa, 21</span>
                                        <span class="footer-garota-local">Goiânia, GO, Br</span>
                                    </div>
                                </div>
                                                                <div class="footer-garota-item">
                                    <img src="https://app.gatasgyn.com/wp-content/plugins/elementor/assets/images/placeholder.png" alt="Melissa, 21" class="footer-garota-img">
                                    <div class="footer-garota-info">
                                        <span class="footer-garota-nome">Melissa, 21</span>
                                        <span class="footer-garota-local">Goiânia, GO, Br</span>
                                    </div>
                                </div>
                                                                <div class="footer-garota-item">
                                    <img src="https://app.gatasgyn.com/wp-content/plugins/elementor/assets/images/placeholder.png" alt="Melissa, 21" class="footer-garota-img">
                                    <div class="footer-garota-info">
                                        <span class="footer-garota-nome">Melissa, 21</span>
                                        <span class="footer-garota-local">Goiânia, GO, Br</span>
                                    </div>
                                </div>
                                                                -->
                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/bruna-martine/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/10/perfil-4709-6ac7d44236135.jpg" 
                                            alt="Bruna Martine" 
                                            class="footer-garota-img"
                                            style="width: 62px;height: 62px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Bruna Martine</span>
                                            <span class="footer-garota-local">
                                                Setor Bueno, Goiânia - GO 
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-amanda-medeiros/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/10/perfil-9438-6ac520704a869.jpg" 
                                            alt="Amanda Medeiros" 
                                            class="footer-garota-img"
                                            style="width: 62px;height: 62px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Amanda Medeiros</span>
                                            <span class="footer-garota-local">
                                                Setor Bueno, Goiânia - GO 
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/47401/danny/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/10/perfil-47401-6ac635c7e1fc5.jpg" 
                                            alt="Danny" 
                                            class="footer-garota-img"
                                            style="width: 62px;height: 62px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Danny</span>
                                            <span class="footer-garota-local">
                                                Setor Pedro Ludovico, Goiânia - GO 
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/46680/mariana-marquini/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/10/perfil-46680-6abe6a67797ef.jpg" 
                                            alt="Mariana Marquini" 
                                            class="footer-garota-img"
                                            style="width: 62px;height: 62px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Mariana Marquini</span>
                                            <span class="footer-garota-local">
                                                Setor Marista, Goiânia - GO 
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/47010/jaqueline-rossatto/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/10/perfil-47010-6ac42c134af32.jpg" 
                                            alt="Jaqueline Rossatto" 
                                            class="footer-garota-img"
                                            style="width: 62px;height: 62px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Jaqueline Rossatto</span>
                                            <span class="footer-garota-local">
                                                Setor Sul, Goiânia - GO 
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/47198/cris-alcantara/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/10/perfil-47198-6ac155adcd9a0.jpg" 
                                            alt="Cris Alcântara" 
                                            class="footer-garota-img"
                                            style="width: 62px;height: 62px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Cris Alcântara</span>
                                            <span class="footer-garota-local">
                                                Alto da Glória, Goiânia - GO 
                                            </span>
                                        </div>
                                    </div>

                                
                            </div>
                        </div>
                        
                        <!-- Coluna 3: Social Media e Newsletter -->
                        <div class="col-lg-3 col-md-6 footer-section">
                            <!-- Social Media -->
                            <div class="social-icons">
                                                                <a href="https://www.instagram.com/gatasgyn_oficial" title="Nosso perfil nas redes sociais" class="social-icon">
                                    <i class="fa fa-instagram"></i>
                                </a>
                                                                <a href="https://x.com/GatasgynOficial" title="Nosso perfil nas redes sociais" class="social-icon">
                                    <i class="fa fa-twitter"></i>
                                </a>
                                                                <a href="#" title="Nosso perfil nas redes sociais" class="social-icon">
                                    <i class="fa fa-facebook"></i>
                                </a>
                                                            </div>
                            
                            <!-- Newsletter -->
                            <h3 class="newsletter-title">NEWSLETTER</h3>
                            <p class="newsletter-subtitle">Seja o primeiro: subscreva na nossa newsletter</p>
                            <div class="newsletter-form">
                                <input type="email" class="newsletter-input" placeholder="E-mail subscribe">
                                <button type="submit" title="Assinar Newsletter" onclick="fbpEnviarNewsletter(this)" class="newsletter-button">
                                    <i class="fa fa-angle-right"></i>
                                </button>
                            </div>
                        </div>
                        
                        <!-- Coluna 4: Sites Parceiros -->
                        <div class="col-lg-3 col-md-6 footer-section">
                            <h3 class="footer-title">SITES PARCEIROS</h3>
                            <ul class="footer-list">
                                                                <li><a href="/parceiros" target="_blank" title="Parceiros Premium">Parceiros Premium</a></li>
                                                                <li><a href="https://theporndude.com/pt" target="_blank" title="ThePornDude">ThePornDude</a></li>
                                                                <li><a href="https://OpenAdultDirectory.com/escorts/" target="_blank" title="Open Adult Directory - Escorts World Wide">Open Adult Directory - Escorts World Wide</a></li>
                                                                <li><a href="https://bhmodels.com.br/" target="_blank" title="Acompanhantes de BH">Acompanhantes de BH</a></li>
                                                                <li><a href="https://gatasdobabado.com.br" target="_blank" title="Acompanhantes Cuiabá">Acompanhantes Cuiabá</a></li>
                                                                <li><a href="https://belas61.com.br/" target="_blank" title="Acompanhantes brasilia">Acompanhantes brasilia</a></li>
                                                                <li><a href="https://www.guialuxacompanhantes.com.br/mulheres/acompanhantes/sao-paulo" target="_blank" title="Acompanhantes Garotas São Paulo SP">Acompanhantes Garotas São Paulo SP</a></li>
                                                                <li><a href="https://harem69.com.br/acompanhantes-sorocaba/" target="_blank" title="Acompanhantes sorocaba">Acompanhantes sorocaba</a></li>
                                                                <li><a href="https://www.ilhadoprazer.com.br/acompanhantes-vila-velha-es" target="_blank" title="Acompanhantes Vila Velha">Acompanhantes Vila Velha</a></li>
                                                                <li><a href="https://www.haremcuritiba.com.br" target="_blank" title="Garotas de Programa Curitiba">Garotas de Programa Curitiba</a></li>
                                                                <li><a href="https://musaclass.com.br/salvador/" target="_blank" title="Acompanhantes Salvador">Acompanhantes Salvador</a></li>
                                                                <li><a href="https://www.scortrio.com/" target="_blank" title="Acompanhantes RJ">Acompanhantes RJ</a></li>
                                                                <li><a href="https://gsexy.com.br/" target="_blank" title="Acompanhantes Campinas">Acompanhantes Campinas</a></li>
                                                                <li><a href="https://www.pornocarioca.com/" target="_blank" title="Porno">Porno</a></li>
                                                                <li><a href="https://pornogratis.vlog.br/" target="_blank" title="Porno Gratis">Porno Gratis</a></li>
                                                                <li><a href="https://buceta.ai/" target="_blank" title="Buceta">Buceta</a></li>
                                                                <li><a href="https://www.exoticuganda.com/escorts-from/entebbe/" target="_blank" title="Entebbe escorts">Entebbe escorts</a></li>
                                                            </ul>
                        </div>
                    </div>
                    
                    <!-- Seção Sobre -->
                    <div class="row about-section">
                        <div class="col-12">
                            <h3 class="about-title">
                                <i class="fa fa-info-circle"></i> SOBRE O GATASGYN                            </h3>
                            <p class="about-text">
                                <small>Conheça um pouco mais...</small><br>
                                GatasGyn Goiânia GO é uma plataforma online de divulgação de perfis de acompanhantes, com atuação principal em Goiânia e presença em outras cidades de Goiás e do Distrito Federal. Presente na internet desde 2005, o GatasGyn possui mais de 20 anos de história e experiência no ambiente digital.

A plataforma permite que anunciantes apresentem seus perfis e informações, enquanto usuários adultos podem pesquisar os anúncios disponíveis. O GatasGyn atua como plataforma de divulgação e comunicação entre anunciantes e usuários, não sendo uma agência e não participando das negociações realizadas diretamente entre as partes.

Ao longo de sua trajetória, o GatasGyn vem evoluindo sua plataforma para oferecer uma experiência de navegação organizada, com recursos de pesquisa e informações sobre os perfis publicados. O conteúdo é destinado exclusivamente a maiores de 18 anos.
                            </p>
                        </div>
                    </div>
                    
                    <!-- Copyright -->
                    <div class="row">
                        <div class="col-12">
                            <div class="copyright">
                                2005/2026 - ©  Todos os direitos reservados - GatasGyn - Acompanhantes                            </div>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- FOOTER -->


            <style>
    #fbp-nwsl-loading-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }
    .fbp-nwsl-overlay { position: absolute; inset: 0; background: rgba(33, 33, 33, 0.8); backdrop-filter: blur(4px); }
    .fbp-nwsl-modal-content { position: relative; background: #212121; border: 1px solid #333; padding: 24px 32px; border-radius: 8px; color: #fff; display: flex; align-items: center; gap: 16px; font-family: sans-serif; font-size: 14px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.5); }
    .fbp-nwsl-spinner { width: 20px; height: 20px; border: 3px solid rgba(0, 109, 217, 0.3); border-top-color: #006DD9; border-radius: 50%; animation: fbp-spin 1s linear infinite; }
    @keyframes fbp-spin { to { transform: rotate(360deg); } }

    .fbp-nwsl-toast { position: fixed; bottom: 24px; right: 24px; padding: 12px 24px; border-radius: 6px; color: #fff; font-family: sans-serif; font-size: 14px; z-index: 100000; transform: translateY(20px); opacity: 0; transition: all 0.3s ease; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.3); }
    .fbp-nwsl-toast.show { transform: translateY(0); opacity: 1; }
    .fbp-nwsl-toast-success { background: #006DD9; }
    .fbp-nwsl-toast-error { background: #dc2626; }
</style>

<script>
    function fbpEnviarNewsletter(btnElement) {
        const container = btnElement.closest(".newsletter-form");
        if (!container) return;
        
        const input = container.querySelector(".newsletter-input");
        if (!input) return;

        const emailVal = input.value.trim();
        
        if(!emailVal) {
            fbpNwslShowToast("Por favor, preencha o e-mail.", true);
            return;
        }

        fbpNwslShowLoading();

        const formData = new FormData();
        formData.append("action", "fbp_nwsl_save_email");
        formData.append("security", "73d5ca51f8");
        formData.append("email", emailVal);

        fetch("https://gatasgyn.com/wp-admin/admin-ajax.php", {
            method: "POST",
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            fbpNwslHideLoading();
            if(data.success) {
                fbpNwslShowToast(data.data.message, false);
                input.value = "";
            } else {
                fbpNwslShowToast(data.data.message, true);
            }
        })
        .catch(error => {
            fbpNwslHideLoading();
            fbpNwslShowToast("Erro de comunicação com o servidor.", true);
        });
    }

    function fbpNwslShowLoading() {
        if(document.getElementById("fbp-nwsl-loading-modal")) return;
        const modal = document.createElement("div");
        modal.id = "fbp-nwsl-loading-modal";
        modal.innerHTML = `
            <div class="fbp-nwsl-overlay"></div>
            <div class="fbp-nwsl-modal-content">
                <div class="fbp-nwsl-spinner"></div>
                <span>Carregando...</span>
            </div>
        `;
        document.body.appendChild(modal);
    }

    function fbpNwslHideLoading() {
        const modal = document.getElementById("fbp-nwsl-loading-modal");
        if(modal) modal.remove();
    }

    function fbpNwslShowToast(message, isError) {
        const toast = document.createElement("div");
        toast.className = "fbp-nwsl-toast " + (isError ? "fbp-nwsl-toast-error" : "fbp-nwsl-toast-success");
        toast.innerText = message;
        document.body.appendChild(toast);
        
        void toast.offsetWidth; // Força renderização
        toast.classList.add("show");
        
        setTimeout(() => {
            toast.classList.remove("show");
            setTimeout(() => toast.remove(), 300);
        }, 3000);
    }
</script>

                				</div>
				</div>
					</div>
				</div>
				</div>
		

		<div data-elementor-type="wp-post" data-elementor-id="2150" class="elementor elementor-2150">
				<div class="elementor-element elementor-element-814c6f6 e-flex e-con-boxed e-con e-parent" data-id="814c6f6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-ec10550 elementor-widget elementor-widget-diogenes_modelos_stories_fullscreen" data-id="ec10550" data-element_type="widget" data-e-type="widget" data-widget_type="diogenes_modelos_stories_fullscreen.default">
				<div class="elementor-widget-container">
					
        <!-- FULLSCREEN STORIES DIOGENES -->
        <section class="fullscreen-stories-diogenes">
            <div class="close-stories-diogenes">
                <button>
                    <img 
                      src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/2931151_close_delete_exit_remove_x_icon.svg" 
                      alt="" 
                      onclick="abriFecharStoriesDiogenes()"
                    >
                </button>
            </div>

            <div class="video-container-box">
                
                                    <!-- Loop do CPT acompanhantes -->
                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="0">
                                                            <div class="overlay">
                                    <div class="howto">
                                        <div class="explain">
                                            <ul class="explain-list">
                                                <li class="explain-details">
                                                    <span class="explain-details-desc">
                                                        Bem vindo ao modo &quot;Stories&quot;! Aqui você pode ver as últimas novidades das nossas garotas!                                                    </span>
                                                </li>
                                            </ul>
                                            <div class="explain-video">
                                                <div class="explain-video-bar">
                                                    <div class="explain-video-bar-w"></div>
                                                </div>
                                                <span class="explain-details-desc">A barra de progresso indica a duração que cada vídeo ainda tem.</span>
                                            </div>
                                        </div>
                                        <button class="howto-close">Entendi</button>
                                    </div>
                                </div>
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/02/Amanda-Medeiros-3-260x260-1.jpg" class="video" alt="Amanda Medeiros">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-amanda-medeiros</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-amanda-medeiros/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="9438Amanda Medeiros" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">9438Amanda Medeiros</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="9438Amanda Medeiros" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/goiania-amanda-medeiros/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-amanda-medeiros/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="9438Amanda Medeiros" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">9438Amanda Medeiros</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="1">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/09/perfil-46176-6aa035e68d501.jpg" class="video" alt="Ayla Braga">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@ayla-braga</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/46176/ayla-braga/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="46176Ayla Braga" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">46176Ayla Braga</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="46176Ayla Braga" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/46176/ayla-braga/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/46176/ayla-braga/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="46176Ayla Braga" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">46176Ayla Braga</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="2">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2025/07/Elen-Bezzerra-260x260-1.jpg" class="video" alt="Elen Bezzerra">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-elen-bezzerra</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-elen-bezzerra/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="31064Elen Bezzerra" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">31064Elen Bezzerra</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="31064Elen Bezzerra" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/goiania-elen-bezzerra/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-elen-bezzerra/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="31064Elen Bezzerra" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">31064Elen Bezzerra</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="3">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/01/Helena-260x260-1.jpg" class="video" alt="Helena">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@helena-goiania</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/helena-goiania/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="3400Helena" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">3400Helena</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="3400Helena" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/helena-goiania/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/helena-goiania/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="3400Helena" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">3400Helena</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="4">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/Carol-Fisher-260x260-1.jpg" class="video" alt="Carol Fisher">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-carol-fisher</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-carol-fisher/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="13157Carol Fisher" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">13157Carol Fisher</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="13157Carol Fisher" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/goiania-carol-fisher/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-carol-fisher/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="13157Carol Fisher" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">13157Carol Fisher</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="5">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/Jade-Lux-260x260-1.jpg" class="video" alt="Jade Lux">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@jade-lux-goiania</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/jade-lux-goiania/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="36880Jade Lux" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">36880Jade Lux</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="36880Jade Lux" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/jade-lux-goiania/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/jade-lux-goiania/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="36880Jade Lux" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">36880Jade Lux</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="6">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/10/perfil-47171-6abecebb1e160.jpg" class="video" alt="Camila Mendes">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@camila-mendes</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/47171/camila-mendes/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="47171Camila Mendes" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">47171Camila Mendes</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="47171Camila Mendes" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/47171/camila-mendes/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/47171/camila-mendes/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="47171Camila Mendes" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">47171Camila Mendes</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="7">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2025/07/Karla-Moraes-5-260x260-1.jpg" class="video" alt="Karla Moraes">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-karlamoraes</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-karlamoraes/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="32109Karla Moraes" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">32109Karla Moraes</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="32109Karla Moraes" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/goiania-karlamoraes/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-karlamoraes/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="32109Karla Moraes" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">32109Karla Moraes</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="8">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/02/Amanda-Dias-2-260x260-1.jpg" class="video" alt="Cristal Pires">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@cristal-pires</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/cristal-pires/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="16203Cristal Pires" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">16203Cristal Pires</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="16203Cristal Pires" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/cristal-pires/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/cristal-pires/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="16203Cristal Pires" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">16203Cristal Pires</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="9">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/03/Emanuelle-260x260-1.jpg" class="video" alt="Emanuelle">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-emanuelle</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-emanuelle/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="31179Emanuelle" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">31179Emanuelle</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="31179Emanuelle" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/goiania-emanuelle/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-emanuelle/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="31179Emanuelle" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">31179Emanuelle</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="10">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/09/perfil-45343-6aa546dd851f5.jpg" class="video" alt="Thaís Luz bbw">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@thais-luz-bbw</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/45343/thais-luz-bbw/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="45343Thaís Luz bbw" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">45343Thaís Luz bbw</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="45343Thaís Luz bbw" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/45343/thais-luz-bbw/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/45343/thais-luz-bbw/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="45343Thaís Luz bbw" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">45343Thaís Luz bbw</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
                        <!-- VIDEO CONTAINER -->
                        <div class="video-container video-container-selecoes" data-item="11">
                            
                            <div class="comments-container">
                                <div class="comments-head">
                                    <span class="comments-head-label"></span>
                                    <span class="comments-head-close">&#10005;</span>
                                </div>
                                <div class="comments-list"></div>
                            </div>

                            <img src="https://cdn.gatasgyn.com/wp-content/uploads/2026/02/Daniella-Gaucha-260x260-1.jpg" class="video" alt="Daniella Gaúcha">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-daniella-gaucha</span>
                                <span class="label label-active">Alguns minutos atrás A</span>
                            </div>
                    
                            <!-- right labels -->
                            <div class="right" style="opacity:0;z-index:-1;height:0px;width:0px;overflow:hidden;">
                               
                                <div class="fig-del-ng-action-buttons" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-daniella-gaucha/'">
                                    <button class="fig-del-ng-action-btn ponto1">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/Favorite.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png">
                                    </button>
                                    <button class="fig-del-ng-action-btn">
                                        <svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                            <circle cx="31" cy="31" r="31" fill="#2457C5"></circle>
                                            <rect x="6" y="6" width="50" height="50" fill="url(#pattern0_0_1)"></rect>
                                            <defs>
                                            <pattern id="pattern0_0_1" patternContentUnits="objectBoundingBox" width="1" height="1">
                                            <use xlink:href="#image0_0_1" transform="scale(0.0111111)"></use>
                                            </pattern>
                                            <image id="image0_0_1" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGElEQVR4nO2dW4hWVRTHT1laWAopTdGFsoKgIHHM6KZSFlERFVkx3YgyAzUtKagogiAskMSKrIeK6qUHs8bILvRg9BAxNel0h8oudnGY6UY501x+sWgNfOb0fed41t5nn3P2D+ZlcM5e+z/f7LP2Wv+9TZJIJBKJRCKRSCQSiaQDmACcDNwAPAS8BGwFvgT6gUH96tfvbdV/86D+zGx5Rsrh6gVwOLAC2Aj8Rn5+BTqB5cBhSZ0B9geuAd4ERnDHMPAGcDWwX1IXgAP0k7Yd/+wA7gOmJlUF2Be4HeijeCSGlRJTUiWAM4EewuMzYEFSdmRNBB4DRgkXiW0tMCkpI8BRwLuUh/eBY5MyIX+ORmmabyQtPCspA8AlwE7KyyBwRRIywE2Oc2JfyBwWJSECXKybg6owAlyehISsa8AA1WMQODcJAeC4kr74srwgjyla5EmaFlWdrkLzbN2M1IW1RW6rQ97xWSNznedb5H2ALdSPHq+FKK3C1ZVbfYl8oFGp83fgHmA+0K5L0ZOET6/U1H0IfYdRytQ+zrP3At4hfFb6aD/9ZPBSOb/JGBcRPj84bYtpjy8v61J0wbcRPle5FFoaqXnYCbSlGOdOwuc1l5aAvJW59SnHOrgEtRMpoB3qQmjxXeRlaYbxnid8lroQWswteVmQYbzTCJ8NLnaCkpLlZXbGcT8ibPpN7WfqhbNgbsZxXyF82i2FFvOg15SIf1++Zeg9Xm8ptLg6LXgkw1L1OuVglaXQLxsFtU222SnGe5Ty8KKl0JYl0bktxrqOctFtKfTXhoF1thhL3J5l4itLoa0doPOajDUF+Jby0GsptLTdLeluln9KdY/yMGAp9JCDAO9qMeY6aij0Hw4CHALmtDCub6ZmS8ePjoL8RJoJLap4H1Ojl6Gsqa54usXYbYGLbZreua45LG4x/kHApgzPewGYDpwHvEWJNiwPOw7271ZmQmBv4P4UzYeu/y5HwCm6ux0NfQtuVVRqhhglZ6aIZU4Tv580jo9o8rMnakNhKNSi0iz8eSZOShHPBD2g2XjSS3L9M1LOZwbwjFHMs0xEbpiYReHfTOwGH8iFwLNiU9iDea0npMK/YSsri4vpf70fhnN6ilBehA1BLcZ/l3mF+UR2nVPejGSJi6DaCjqj8qqLGwp055lnORQtDrGOayy4oroefdIGS9M0yDCXC3LGtMkqlvGCu4xi+QC4VHLqnPOYCnyaM5YOO2V3D3Ai8B3F0wPcDEzbgznMMOgYbXd+94eRY8lyRynlgQ5gcooPyRKjJsZtTkXWgCc7rObl4S/gbdkS6zFpOft4qi41qw0dqr2tfqmWYi+iviz3InLDTtFFMyB0PhTPiU+hj6d+jBZx/G0Z9WONV5ELqHuEwHuStfgWeWLN1udfgKO9iqxCy7nAujAInONdZBX6AerBCLCwEJFVaOnJVZ1h4MYiRZ5ekTuTmjFQ+BU/wJVU/8U3v1CRjVo/IdNV+JU+YwDfU80d3xrveXILT0TV2AKcnoSEXAiSIxfdDNyrz/iG4unVO6z9FYjSktH7JnfvPyF5qDj4k92botcCn+Ofn/Xoxi4xhXY98Z9NJvAF8Lj2FKdlOOK2ULwRjs8TDuuHpCP4q+eBs8e5GOQ58Z0BRxo8f4reBdJpdFmhOIg2aOvKjSXABcDd6sa8BTjBQ1NhphorV2tPsFvbZyLg2Lrfp0tUt/5VrNJfvPgE438PEolEIpFIJBKJRCJJSv4BTVJGZgtlT7YAAAAASUVORK5CYII="></image>
                                            </defs>
                                        </svg>
                                    </button>
                                </div>
                                
                                
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/heart.png" alt="" id="likes-icon">
                                    </span>
                                    <span class="icon-label likes right-label" data-likes='999'>999</span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="icon">
                                        <img src="https://assets.codepen.io/2629920/chat.png" alt="" id="comments-icon">
                                    </span>
                                    <span class="icon-label comments right-label"></span>
                                </div>
                                <div class="icons-item right-icon">
                                    <span class="ativar-som" style="color:#fff;filter: invert(100);"></span>
                                </div>
                                
                            </div>
                            <!-- right labels --> 

                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->
                            <div class="informacoes-autor-apenas-stories">

                                    <div class="novos-icones-actions-stories-reels-author">
                                        <img 
                                            src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                            alt="4309Daniella Gaúcha" 
                                            class="novos-icones-actions-stories-reels-avatar">
                                        <div class="novos-icones-actions-stories-reels-author-info">
                                            <span class="novos-icones-actions-stories-reels-author-name">4309Daniella Gaúcha</span>
                                            <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                        </div>
                                    </div>
                                    
                                    <!-- Botão de seguir -->
                                    <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>  
                            <!-- INFORMACOES SOBRE O AUTOR APENAS NO STORIES -->

                            <!-- NOVO ACTINS -->
                            <div class="novos-icones-actions-stories-reels-actions">

                                <!-- Botão de adicionar/seguir usuário sobreposto à foto de perfil -->
                                <div class="novos-icones-actions-stories-reels-add-user" style="width:46px;">
                                    <button class="novos-icones-actions-stories-reels-add-button">
                                        <svg class="novos-icones-actions-stories-reels-add-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </button>
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="4309Daniella Gaúcha" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                </div>


                                <!-- Botão de curtir (coração) -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">839</span>
                                </div>
                                
                                <!-- Botão de compartilhar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <img src="https://gatasgyn.com/wp-content/themes/hotpay-2025/frontend/assets/images/41e943753347c780fccd2f2d8bc5f683746e3754.png" alt="" style="width:40px;height:auto;">
                                    </button>
                                </div>
                                
                                <!-- Botão de comentar -->
                                <div class="novos-icones-actions-stories-reels-action">
                                    <button class="novos-icones-actions-stories-reels-button">
                                        <svg style="width: 40px;height: 40px;margin-top: -6px;" class="novos-icones-actions-stories-reels-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                            <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
                                        </svg>
                                    </button>
                                    <span class="novos-icones-actions-stories-reels-count">35</span>
                                </div>

                                <!-- Botão de WhatsApp -->
                                <button class="novos-icones-actions-stories-reels-whatsapp">
                                    <svg style="width:40px;" class="novos-icones-actions-stories-reels-whatsapp-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path>
                                    </svg>
                                </button>


                            </div>
                            <!-- NOVO ACTINS -->
                    
                            <!-- bottom labels -->
                            <div class="bottom">
                                <span class="progress-duration"></span>
                                <div class="progress-range" title="seek">
                                    <div class="progress-bar"></div>
                                </div>
                                <div class="novo-botao-whatsapp-reels">
                                    <a href="#">
                                        Enviar Mensagem 
                                        <i class="fa-brands fa-whatsapp" style="font-size: 18px;margin-left: 4px;vertical-align: middle;color: #62DD6C;margin-top: -2px;"></i>
                                    </a>
                                </div>
                                <div class="icons">
                                    <!--
                                    <a 
                                      href="https://gatasgyn.com/acompanhante/goiania-daniella-gaucha/"
                                      target="_blank"
                                      class="novo-mini-card-item-whatsapp"
                                      title="VER WHATSAPP"
                                    >
                                        VER WHATSAPP X
                                    </a>
                                    -->
                                    <!--
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/search_1.png" alt="">
                                        </span>
                                        <span class="icon-label" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-daniella-gaucha/'">Quem é ela?</span>
                                    </div>
                                    <div class="icons-item">
                                        <span class="icon">
                                            <img src="https://assets.codepen.io/2629920/comment.png" alt="">
                                        </span>
                                        <span class="icon-label">Chat D</span>
                                    </div>
                                    -->
                                </div>
                                <!-- Informações do autor -->
                                <div class="novos-icones-actions-stories-reels-author">
                                    
                                    <img 
                                        src="https://gatasgyn.com/wp-content/uploads/2025/07/Japinha-192x250-1.jpg" 
                                        alt="4309Daniella Gaúcha" 
                                        class="novos-icones-actions-stories-reels-avatar">
                                    <div class="novos-icones-actions-stories-reels-author-info">
                                        <span class="novos-icones-actions-stories-reels-author-name">4309Daniella Gaúcha</span>
                                        <span class="novos-icones-actions-stories-reels-author-time">2 min atrás</span>
                                    </div>
                                </div>
                                
                                <!-- Botão de seguir -->
                                <button class="novos-icones-actions-stories-reels-follow">Seguir</button>

                            </div>
                            <!-- bottom labels -->
                        </div>
                        <!-- VIDEO CONTAINER-->

                    
            </div>
        </section>
        <!-- FULLSCREEN STORIES DIOGENES -->

        				</div>
				</div>
					</div>
				</div>
				</div>
		

  <!-- Authentication Modal -->
   <style-backup style="display: none;">
    
        /* 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;
        }

        .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);
        }

   </style-backup>

    <style>
    
        /* 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: #212121;
            color:#f2f2f2;
            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 #666;
            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: #f2f2f2;
            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: #f2f2f2;
            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: #f2f2f2;
            margin-bottom: 8px;
        }

        .tik-modais-auth-form-input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #666;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.2s;
            border-radius: 10px;
            background: #212121;
        }

        .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: #f2f2f2;
            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: #212121;
            color: #f2f2f2;
            border: 2px solid #666;
            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: #666;
            background: #212121;
        }

        .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: #666;
        }

        .tik-modais-auth-divider span {
            background: #212121;
            padding: 0 16px;
            color: #f2f2f2;
            font-size: 14px;
        }

        .tik-modais-auth-footer {
            text-align: center;
            margin-top: 24px;
        }

        .tik-modais-auth-footer span {
            color: #f2f2f2;
            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 #666;
            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: #f2f2f2;
            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: #212121;
            border: 2px solid #666;
            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: #333;
        }

        .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: #212121;
            color: #666;
        }

        .checkbox-tipo-de-perfil .option.selected .icon {
            background-color: #006dd9;
            color: #f2f2f2;
        }

        .checkbox-tipo-de-perfil .content {
            flex: 1;
        }

        .checkbox-tipo-de-perfil .title {
            font-size: 16px;
            font-weight: 600;
            color: #f2f2f2;
            margin: 0 0 4px 0;
            line-height: 1.3;
        }

        .checkbox-tipo-de-perfil .description {
            font-size: 14px;
            color: #f2f2f2;
            margin: 0;
            line-height: 1.4;
        }

        .checkbox-tipo-de-perfil .radio-indicator {
            width: 20px;
            height: 20px;
            border: 2px solid #666;
            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);
        }


   </style>


    <div class="tik-modais-auth-overlay" id="authModal">
        <div class="tik-modais-auth-modal">
            <!-- Login Form -->
            <div class="tik-modais-auth-form" id="loginForm">
                <div class="tik-modais-auth-header">
                    <div class="tik-modais-auth-title">Entrar</div>
                    <button class="tik-modais-auth-close" onclick="closeAuthModal()">
                        <svg viewBox="0 0 24 24">
                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                        </svg>
                    </button>
                </div>

                <div class="tik-modais-auth-content">
                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">E-mail ou usuário</label>
                        <input type="text" id="login_email" name="login_email" class="tik-modais-auth-form-input" placeholder="Digite seu e-mail ou usuário">
                    </div>

                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">Senha</label>
                        <input type="password" id="login_password" name="login_password" class="tik-modais-auth-form-input" placeholder="Digite sua senha">
                    </div>

                    <div class="tik-modais-auth-forgot">
                        <a href="#" onclick="showResetForm()">Esqueceu a senha?</a>
                    </div>

                    <div class="diogenes-row">
                        <div class="diogenes-col-12 diogenes-form-group" style="margin-bottom: 20px;">
                            <div class="cf-turnstile" data-sitekey="0x4AAAAAAB2B45gjG4fJbPu1"></div>
                        </div>
                    </div>

                    <button class="tik-modais-auth-btn" onclick="performLogin(event)">Entrar</button>

                    <!--
                    <div class="tik-modais-auth-divider">
                        <span>ou</span>
                    </div>

                    <button class="tik-modais-auth-btn-secondary">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
                            <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
                            <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
                            <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
                        </svg>
                        Continuar com Google
                    </button>
                    -->

                    <div class="tik-modais-auth-footer">
                        <span>Não tem uma conta? </span>
                        <a href="#" onclick="showRegisterForm()">Cadastre-se</a>
                    </div>
                </div>
            </div>

            <!-- Register Form -->
            <div class="tik-modais-auth-form" id="registerForm">
                <div class="tik-modais-auth-header">
                    <button class="tik-modais-auth-back" onclick="showLoginForm()">
                        <svg viewBox="0 0 24 24">
                            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/>
                        </svg>
                    </button>
                    <div class="tik-modais-auth-title">Cadastrar</div>
                    <button class="tik-modais-auth-close" onclick="closeAuthModal()">
                        <svg viewBox="0 0 24 24">
                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                        </svg>
                    </button>
                </div>

                <!-- ESCOLHER UM TIPO DE PERFIL -->
                <div class="tik-modais-auth-content" id="fieldsTipo">

                            <div class="checkbox-tipo-de-perfil">


                                <div class="option selected" data-value="creator">
                                    <div class="icon">👱‍♀️</div>
                                    <div class="content">
                                        <h3 class="title">Sou modelo acompanhante</h3>
                                        <p class="description">Divulgue e valorize seus serviços em um Portfólio Premium.</p>
                                    </div>
                                    <div class="radio-indicator"></div>
                                </div>

                                <div class="option " data-value="fan">
                                    <div class="icon">😎</div>
                                    <div class="content">
                                        <h3 class="title">Quero ser cliente</h3>
                                        <p class="description">Acesse um universo de acompanhantes premium e experiências exclusivas.</p>
                                    </div>
                                    <div class="radio-indicator"></div>
                                </div>


                                <button class="continue-button">Continuar</button>
                            </div>

                            <script>
                                document.addEventListener('DOMContentLoaded', function() {
                                    const options = document.querySelectorAll('.checkbox-tipo-de-perfil .option');
                                    const continueButton = document.querySelector('.checkbox-tipo-de-perfil .continue-button');

                                    localStorage.setItem('tipo_de_perfil', 'creator');

                                    options.forEach(option => {
                                        option.addEventListener('click', function() {
                                            // Remove selected class from all options
                                            options.forEach(opt => opt.classList.remove('selected'));
                                            
                                            // Add selected class to clicked option
                                            this.classList.add('selected');
                                            
                                            // Log the selected value (for demonstration)
                                            console.log('Selecionado:', this.dataset.value);
                                            console.log(this.dataset.value);
                                            localStorage.setItem('tipo_de_perfil', this.dataset.value);
                                        });
                                    });

                                    continueButton.addEventListener('click', function() {
                                        const selectedOption = document.querySelector('.checkbox-tipo-de-perfil .option.selected');
                                        
                                        if(localStorage.getItem('tipo_de_perfil') === 'creator' || localStorage.getItem('tipo_de_perfil') === '' || localStorage.getItem('tipo_de_perfil') === null) {
                                            location.href = 'https://gatasgyn.com/pre-cadastro/';
                                            return;
                                        }
                                        
                                        jQuery("#fieldsTipo").hide();
                                        jQuery("#fieldsReais").fadeIn(500);
                                        
                                    });
                                });
                            </script>

                </div>
                <!-- ESCOLHER UM TIPO DE PERFIL -->

                <style>
                    /* Wrapper para o botão lateral */
                    .input-with-button {
                        display: flex;
                        gap: 10px;
                    }
                    .input-with-button input {
                        flex: 1;
                    }
                    .btn-validar-campo, .btn-confirmar-otp {
                        background: #2a8de7;
                        color: white;
                        border: none;
                        border-radius: 8px;
                        padding: 0 15px;
                        font-weight: 600;
                        cursor: pointer;
                        white-space: nowrap;
                        transition: 0.3s;
                    }
                    .btn-validar-campo:hover, .btn-confirmar-otp:hover {
                        background: #1b6cb8;
                    }
                    .btn-validar-campo:disabled, .btn-confirmar-otp:disabled {
                        background: #555;
                        cursor: not-allowed;
                    }

                    /* Área do OTP */
                    .otp-container {
                        display: flex;
                        gap: 10px;
                        margin-top: 10px;
                        background: rgba(255,255,255,0.05);
                        padding: 10px;
                        border-radius: 8px;
                        border-left: 0px solid #2a8de7;
                    }
                    .otp-input {
                        letter-spacing: normal;
                        text-align: center;
                        font-weight: bold;
                    }

                    /* Olhinho da Senha */
                    .password-wrapper {
                        position: relative;
                    }
                    .toggle-password {
                        position: absolute;
                        right: 15px;
                        top: 50%;
                        transform: translateY(-50%);
                        cursor: pointer;
                        opacity: 0.6;
                    }
                    .toggle-password:hover {
                        opacity: 1;
                    }

                    /* Feedback de Validação */
                    .msg-feedback {
                        font-size: 12px;
                        margin-top: 5px;
                    }
                    .msg-feedback.success { color: #28a745; font-weight: bold; }
                    .msg-feedback.error { color: #fb8692; }

                    .btn-editar-campo {
                        background: rgba(255, 255, 255, 0.1);
                        color: white;
                        border: 1px solid rgba(255, 255, 255, 0.2);
                        border-radius: 8px;
                        padding: 0 12px;
                        cursor: pointer;
                        transition: 0.3s;
                        font-size: 16px;
                    }
                    .btn-editar-campo:hover {
                        background: rgba(255, 255, 255, 0.2);
                    }
                </style>

                <div class="tik-modais-auth-content" id="fieldsReais" style="display: none;">


                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">Nome ou Apelido</label>
                        <input type="text" id="reg_nome" class="tik-modais-auth-form-input" placeholder="Digite um apelido">
                    </div>

                    <!-- E-MAIL COM VALIDAÇÃO E BOTÃO EDITAR -->
                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">E-mail</label>
                        <div class="input-with-button">
                            <input type="email" name="reg_email" id="reg_email" class="tik-modais-auth-form-input" placeholder="Digite seu e-mail">
                            <button type="button" class="btn-validar-campo" id="btn_validar_email" onclick="iniciarValidacao('email')">Validar</button>
                            <button type="button" class="btn-editar-campo" id="btn_editar_email" onclick="editarCampo('email')" style="display:none;" title="Corrigir e-mail">
                                <i class="fa fa-pencil"></i>  
                            </button>
                        </div>
                        <div class="otp-container" id="otp_container_email" style="display:none;">
                            <input type="tel" id="otp_email" class="tik-modais-auth-form-input otp-input" placeholder="Código de 6 dígitos" maxlength="6">
                            <button type="button" class="btn-confirmar-otp" id="btn_confirmar_email" onclick="confirmarOTP('email')">Confirmar</button>
                        </div>
                        <div class="msg-feedback" id="msg_feedback_email"></div>
                    </div>

                    <!-- SENHA COM OLHINHO -->
                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">Defina uma Senha</label>
                        <div class="password-wrapper">
                            <input type="password" name="reg_password" id="reg_password" class="tik-modais-auth-form-input" placeholder="Digite sua senha">
                            <span class="toggle-password" onclick="togglePasswordVisibility('reg_password', this)">👁️</span>
                        </div>
                    </div>

                    <!-- WHATSAPP COM VALIDAÇÃO E BOTÃO EDITAR -->
                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">WhatsApp</label>
                        <div class="input-with-button">
                            <input type="tel" class="tik-modais-auth-form-input" id="reg_whatsapp" placeholder="(11) 99999-9999" maxlength="15">
                            <button type="button" class="btn-validar-campo" id="btn_validar_whatsapp" onclick="iniciarValidacao('whatsapp')">Validar</button>
                            <button type="button" class="btn-editar-campo" id="btn_editar_whatsapp" onclick="editarCampo('whatsapp')" style="display:none;" title="Corrigir WhatsApp">
                                <i class="fa fa-pencil"></i>   
                            </button>
                        </div>
                        <div class="otp-container" id="otp_container_whatsapp" style="display:none;">
                            <input type="tel" id="otp_whatsapp" class="tik-modais-auth-form-input otp-input" placeholder="Código WhatsApp" maxlength="6">
                            <button type="button" class="btn-confirmar-otp" id="btn_confirmar_whatsapp" onclick="confirmarOTP('whatsapp')">Confirmar</button>
                        </div>
                        <div class="msg-feedback" id="msg_feedback_whatsapp"></div>
                    </div>

                    <div class="tik-modais-auth-checkbox-group">
                        <!--<div class="tik-modais-auth-checkbox" id="termsCheckbox" onclick="this.classList.toggle('checked')"></div>-->
                        <label class="tik-modais-auth-checkbox-label" style="text-align:center;">
                            Ao se cadastrar você concorda com os nossos <a href="javascript:abrirModalTermosCliente()">Termos de Serviço</a>, e nenhuma das informações inseridas serão exibidas publicamente.
                        </label>
                    </div>

                    <div class="diogenes-row">
                        <div class="diogenes-col-12 diogenes-form-group" style="margin-bottom: 20px;">
                            <div class="cf-turnstile" data-sitekey="0x4AAAAAAB2B45gjG4fJbPu1"></div>
                        </div>
                    </div>

                    <button class="tik-modais-auth-btn" id="btn_cadastrar_final" onclick="performRegister(event)" disabled style="opacity:0.5; cursor:not-allowed;">Cadastrar</button>

                    <!--
                    <div class="tik-modais-auth-divider">
                        <span>ou</span>
                    </div>

                    <button class="tik-modais-auth-btn-secondary">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
                            <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
                            <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
                            <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
                        </svg>
                        Continuar com Google
                    </button>
                    -->

                    <div class="tik-modais-auth-footer">
                        <span>Já tem uma conta? </span>
                        <a href="#" onclick="showLoginForm()">Entrar</a>
                    </div>
                </div>
            </div>

            <!-- Reset Password Form -->
            <div class="tik-modais-auth-form" id="resetForm">
                <div class="tik-modais-auth-header">
                    <button class="tik-modais-auth-back" onclick="showLoginForm()">
                        <svg viewBox="0 0 24 24">
                            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/>
                        </svg>
                    </button>
                    <div class="tik-modais-auth-title">Recuperar Senha</div>
                    <button class="tik-modais-auth-close" onclick="closeAuthModal()">
                        <svg viewBox="0 0 24 24">
                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                        </svg>
                    </button>
                </div>

                <div class="tik-modais-auth-content">
                    <div class="tik-modais-auth-description">
                        <p>Digite seu e-mail e enviaremos uma nova senha no seu e-mail.</p>
                    </div>

                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">E-mail</label>
                        <input type="email" class="tik-modais-auth-form-input" name="reset_email" id="reset_email" placeholder="Digite seu e-mail">
                    </div>

                    <div class="diogenes-row">
                        <div class="diogenes-col-12 diogenes-form-group" style="margin-bottom: 20px;">
                            <div class="cf-turnstile" data-sitekey="0x4AAAAAAB2B45gjG4fJbPu1"></div>
                        </div>
                    </div>

                    <button class="tik-modais-auth-btn" onclick="performReset(event)">Enviar Link</button>

                    <div class="tik-modais-auth-footer">
                        <span>Lembrou da senha? </span>
                        <a href="#" onclick="showLoginForm()">Entrar</a>
                    </div>
                </div>
            </div>
        </div>
    </div>


<div id="modal-termos-overlay-cliente" class="custom-modal-overlay">
    <div class="custom-modal-box">
        <div class="custom-modal-title">Termos de Uso GatasGyn</div>
        <div class="modal-terms-content">
            <textarea readonly class="terms-textarea">
                TERMOS E CONDIÇÕES GERAIS DE USO E SERVIÇOS

Este documento (“Termos e Condições Gerais de Uso e Serviços” ou “Termos”) apresenta as condições de uso da Plataforma disponibilizada pela GATASGYN.COM (“GATAS GYN”), a qual oferece cessão de espaço para anúncios publicitários. Nela, os ANUNCIANTES expõem o seu anúncio e adicionam as informações que considerem pertinentes acerca do conteúdo anunciado, a fim de que os VISITANTES e CONTRATANTES possam efetuar buscas na PLATAFORMA de modo a localizar os anúncios que se adequem ao perfil desejado.
Abaixo esclarecemos alguns pontos que julgamos importantes. Caso persista alguma dúvida acerca de quaisquer pontos discutidos ou não neste documento, por favor, não hesite em contatar-nos pelo endereço atendimento@gatasgyn.com

1. DEFINIÇÕES:
1.1 No presente instrumento, entendemos as expressões abaixo de acordo com as seguintes definições:
a) USUÁRIOS: Qualquer pessoa que acesse a PLATAFORMA.
b) VISITANTE: Pessoa física sem cadastro na PLATAFORMA, que acesse os conteúdos publicitários ofertados pelos ANUNCIANTES na PLATAFORMA.
c) CONTRATANTE: Pessoa física cadastrada na PLATAFORMA, que acesse os conteúdos publicitários ofertados pelos ANUNCIANTES na PLATAFORMA.
d) CONTRATANTE PREMIUM: Pessoa física cadastrada na PLATAFORMA, que acesse os conteúdos publicitários ofertados pelos ANUNCIANTES na PLATAFORMA na modalidade paga premium.
e) ANUNCIANTE: Pessoa física cadastrada na PLATAFORMA, que, no uso desta, irá divulgar os seus anúncios aos VISITANTES e CONTRATANTES.
f) ASSINANTE: Pessoa física cadastrada na PLATAFORMA como ANUNCIANTE, que, no uso desta, contrata os serviços da PLATAFORMA para otimizar a procura de seus anúncios aos VISITANTES.
g) PLATAFORMA: Sistema constituído por uma aplicação web, onde há cessão de espaço publicitário para anúncios, em que todos os USUÁRIOS podem visualizar os anúncios publicados pelos ANUNCIANTES cadastrados na plataforma da GATAS GYN.
h) APELIDO: qualificação ou título individualizador que permite a identificação do ANUNCIANTE.

2. NOSSO COMPROMISSO:
2.1 Este instrumento trata-se de um contrato particular que regula as condições de uso dos serviços da PLATAFORMA entre os USUÁRIOS e a GATAS GYN, sendo então regido pela legislação Civil (Código Civil e Código de Processo Civil). A utilização dos serviços oferecidos através da PLATAFORMA indica expressamente que você concorda com todos os termos e condições contidos neste instrumento e com as disposições legais aplicáveis à espécie.
2.2 Você entende e concorda que a Gatas Gyn considerará o uso dos serviços dispostos como aceitação destes termos e todas as demais disposições legais pertinentes à espécie.
2.3 Ao aceitar os termos do presente instrumento, o usuário autoriza expressamente o tratamento de seus dados, a fim de garantir a manutenção e o bom desempenho das funcionalidades na forma da Política de Privacidade da Plataforma.
2.4 O Usuário, neste ato, manifesta o seu completo consentimento para o compartilhamento dos dados coletados e tratados pela Gatas Gyn, nos termos deste instrumento, com outras empresas que façam parte de seu grupo econômico, ou sejam suas prestadoras de serviço.
2.5 Caso você NÃO CONCORDE com as disposições previstas neste instrumento, é sua obrigação NÃO acessar, visualizar, baixar ou utilizar de qualquer forma nenhuma página, conteúdo, informação ou serviço da GATAS GYN.
2.6 Os presentes termos estão disponíveis para leitura, a qualquer momento, na PLATAFORMA, em https://gatasgyn.com/termos.

3. CONDIÇÕES GERAIS DE USO:
3.1 A Gatas Gyn é uma plataforma que cede espaço publicitário e se responsabiliza apenas pelo funcionamento correto de suas funcionalidades. Não é responsável por: (i) negociações entre usuários; (ii) opções de serviços prestados por pessoas anunciantes; (iii) qualidade dos anúncios; (iv) pagamentos acordados entre usuários; (v) danos causados por terceiros, como ataques hackers; e (vi) atos ou fatos decorrentes da conduta dos usuários.
3.2 A Gatas Gyn permite contato direto entre visitantes e anunciantes, sem intermediar ou participar das negociações ou execução dos serviços anunciados.
3.3 A plataforma apenas disponibiliza o espaço para anúncios e não assume responsabilidade por danos causados por usuários ou terceiros. Negociações e condições dos negócios realizados são de exclusiva responsabilidade dos usuários.
3.4 A Gatas Gyn não pode obrigar os usuários a cumprir obrigações assumidas em negociações.
3.5 Não será responsabilizada por danos decorrentes de indisponibilidade temporária da plataforma.
3.6 A PLATAFORMA não se responsabiliza pelo conteúdo gerado por terceiros e seus Usuários. Isso inclui, mas não se limita a, textos, imagens, vídeos, links para sites externos e quaisquer outras informações ou materiais. A presença de links para sites externos não implica em endosso ou responsabilidade da Gatas Gyn pelo conteúdo desses sites. Os Usuários são exclusivamente responsáveis pela avaliação e uso de qualquer conteúdo de terceiros.

4. CADASTRO
4.1 O acesso às funcionalidades completas da PLATAFORMA exige cadastro prévio do USUÁRIO, que deverá fornecer informações verdadeiras, exatas, atuais e completas, sendo de sua exclusiva responsabilidade a veracidade dos dados informados, bem como sua atualização sempre que houver qualquer modificação.
4.1.1 Para se cadastrar como USUÁRIO, o interessado declara ser maior de 18 (dezoito) anos, possuir capacidade civil plena e estar apto a celebrar contratos legalmente vinculativos, sob pena de responsabilidade civil e criminal.
4.1.2 É expressamente proibido o cadastro e/ou veiculação de qualquer conteúdo que envolva menores de 18 anos, ainda que o usuário alegue autorização de terceiros.
4.2 A Gatas Gyn poderá, a qualquer tempo, solicitar documentos e informações adicionais para validar a identidade do usuário, podendo suspender ou cancelar cadastros em caso de inconsistências, suspeita de fraude, duplicidade de contas ou violação destes Termos.
4.3 Cadastro de CONTRATANTES: poderá ser exigido e-mail válido e outros dados necessários para execução do contrato.
4.4 Cadastro de ANUNCIANTES: poderá incluir nome, sobrenome, CPF, documento oficial com foto, telefone, e-mail, dados de atendimento, imagens comparativas e autenticação facial, a fim de garantir segurança, veracidade e prevenção a fraudes.
4.5 O usuário é o único responsável pelo sigilo de suas credenciais de acesso, não devendo compartilhá-las com terceiros.
4.6 A Gatas Gyn poderá excluir contas inativas, falsas, duplicadas ou que violem as regras da plataforma.
4.7 É vedado ao usuário utilizar nomes falsos, identidade de terceiros, personagens fictícios ou qualquer meio que induza outros usuários a erro.
4.8 A utilização de tecnologias de manipulação de imagem, inteligência artificial ou qualquer meio que altere a aparência real do anunciante deverá respeitar as diretrizes da plataforma, podendo ser moderada ou removida.
4.9 O usuário é integralmente responsável por todo o conteúdo que publicar.
4.10 A Gatas Gyn poderá aplicar penalidades administrativas em caso de violação das regras.

5. FUNCIONALIDADES
5.1 A Gatas Gyn poderá, a seu exclusivo critério, modificar, suspender ou descontinuar funcionalidades da plataforma, criar níveis de acesso, planos pagos ou gratuitos.
5.2 A plataforma poderá utilizar sistemas de moderação de conteúdo, avaliações e denúncias.
5.3 A Gatas Gyn poderá restringir tipos de mídia, formatos de anúncio e limites de publicações.
5.4 Poderá haver coleta de geolocalização para fins de segurança, autenticação e prevenção a fraudes.

6. PROPRIEDADE INTELECTUAL DA GATAS GYN
6.1 Todos os direitos de propriedade intelectual relativos à plataforma pertencem à Gatas Gyn.
6.2 É concedida ao usuário apenas licença limitada, não exclusiva e revogável para uso da plataforma.
6.3 É proibida reprodução, cópia, engenharia reversa ou exploração comercial sem autorização.

7. OBRIGAÇÕES DOS USUÁRIOS
7.1 Utilizar a plataforma de forma lícita e ética.
7.2 Não violar direitos de terceiros.
7.3 Não praticar fraudes, golpes ou atividades ilícitas.
7.4 Manter seus dados atualizados.
7.5 Respeitar as regras da Gatas Gyn.

8. PROCESSAMENTO E PAGAMENTO
8.1 A Gatas Gyn poderá disponibilizar funcionalidades relacionadas à visualização de operações financeiras, não atuando como instituição financeira.
8.2 Pagamentos poderão ser processados por parceiros como PagHiper e Pagarme.
8.3 A Gatas Gyn poderá suspender contas por suspeita de fraude.
8.4 Não se responsabiliza por falhas dos meios de pagamento.
8.5 Funcionalidades de presentes, créditos e resgates seguem as regras da plataforma.

9. PLANOS
9.1 A Gatas Gyn poderá disponibilizar planos gratuitos e pagos, com diferentes níveis de destaque, funcionalidades, visibilidade de anúncios e benefícios dentro da plataforma.
9.2 As características, valores, prazos e condições de cada plano estarão descritos na própria plataforma, podendo ser alterados a qualquer momento, mediante atualização das informações disponíveis em https://gatasgyn.com.
9.3 A contratação de plano pago implica concordância com cobrança recorrente, quando aplicável, até que haja cancelamento pelo usuário, conforme regras da plataforma.
9.4 A Gatas Gyn poderá alterar, suspender ou encerrar planos, mediante aviso na plataforma.

10. TRATAMENTO DE DADOS
10.1 A Gatas Gyn realiza o tratamento de dados pessoais em conformidade com a legislação brasileira, incluindo a Lei Geral de Proteção de Dados (LGPD).
10.2 Os dados poderão ser utilizados para:
execução do contrato
segurança da plataforma
prevenção a fraudes
melhoria dos serviços
cumprimento de obrigações legais
10.3 A Gatas Gyn poderá utilizar técnicas de anonimização e pseudonimização.
10.4 Os dados poderão ser compartilhados com parceiros, prestadores de serviço e empresas do mesmo grupo econômico, quando necessário.
10.5 Mais informações estão disponíveis na Política de Privacidade da plataforma.

11. LICENÇA DE USO DE IMAGEM
11.1 O usuário autoriza a Gatas Gyn a utilizar as imagens enviadas à plataforma para fins de funcionamento do serviço, exibição dos anúncios, segurança, verificação de identidade e prevenção a fraudes.
11.2 A plataforma poderá utilizar tecnologias de reconhecimento facial para validação de identidade.
11.3 As imagens poderão conter marca d’água da Gatas Gyn.
11.4 O usuário declara possuir os direitos sobre as imagens enviadas.

12. POLÍTICA DE PENALIDADES
12.1 O descumprimento destes Termos poderá resultar em:
advertência
suspensão
bloqueio temporário
banimento definitivo
12.2 A Gatas Gyn poderá remover conteúdos, restringir funcionalidades e cancelar contas a seu critério, quando houver violação das regras ou da legislação.
12.3 A plataforma poderá colaborar com autoridades competentes em caso de ilícitos.

13. DISPOSIÇÕES GERAIS
13.1 A Gatas Gyn poderá alterar estes Termos a qualquer momento. A continuidade do uso da plataforma implica concordância com a versão atualizada.
13.2 Caso qualquer cláusula seja considerada inválida, as demais permanecerão válidas.
13.3 Estes Termos são regidos pelas leis brasileiras.
13.4 Fica eleito o foro da Comarca de Goiânia/GO.
Última atualização: Novembro de 2025.

TERMOS E CONDIÇÕES DE CONTRATAÇÃO DE ASSINATURAS
São partes deste contrato:
GATASGYN.COM (GATAS GYN)
e o
ASSINANTE
Objeto: contratação de plano de anúncio com destaque e benefícios na plataforma Gatas Gyn.
As informações detalhadas sobre planos, valores, prazos e funcionalidades estão disponíveis em gatasgyn.com.
O ASSINANTE declara ciência de que:
a plataforma apenas cede espaço publicitário
não intermedeia serviços entre usuários
não garante resultados comerciais
Pagamentos, renovação automática, cancelamento, rescisão e demais condições seguem as regras informadas na plataforma.
Atendimento: atendimento@gatasgyn.com
Foro: Goiânia - GO.

            </textarea>
        </div>
        <button class="custom-modal-btn" onclick="fecharModalTermosCliente()">Fechar</button>
    </div>
</div>


<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/tether.min.js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>

<script src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/mvc/Controllers.js"></script> 
<script src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/mvc/Sessoes.js"></script> 
<script src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/mvc/Models.js"></script> 
<script src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/mvc/Helpers.js"></script> 
<script src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/mvc/Views.js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/app.js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/mvc/routes.js?v=2"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/mvc/index.js?v=2"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/fslightbox.js?v=3.7"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/init.js?v=2"></script>

<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/scripts.js?v=10102026015930000000"></script>

<script>

    document.addEventListener('DOMContentLoaded', () => {

    // Função que aplica os bloqueios no vídeo
    const blockVideoDownload = (video) => {
        // Remove a opção de download do menu nativo do player
        if (!video.hasAttribute('controlsList')) {
            video.setAttribute('controlsList', 'nodownload');
        } else {
            let currentList = video.getAttribute('controlsList');
            if (!currentList.includes('nodownload')) {
                video.setAttribute('controlsList', currentList + ' nodownload');
            }
        }

        // Bloqueia o botão direito para evitar o "Salvar vídeo como..."
        video.addEventListener('contextmenu', (e) => {
            e.preventDefault();
        });
    };

    // 1. Aplica nos vídeos que já vieram no carregamento inicial da página
    document.querySelectorAll('video').forEach(blockVideoDownload);

    // 2. Observa o DOM para pegar os vídeos que forem inseridos dinamicamente
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            mutation.addedNodes.forEach((node) => {
                // Verifica se o nó inserido é um vídeo
                if (node.tagName === 'VIDEO') {
                    blockVideoDownload(node);
                } 
                // Verifica se o nó inserido é um container (div, section, etc) que tem vídeos dentro
                else if (node.nodeType === 1 && node.querySelectorAll) {
                    node.querySelectorAll('video').forEach(blockVideoDownload);
                }
            });
        });
    });

    // Inicia a observação no body do site
    observer.observe(document.body, { 
        childList: true, 
        subtree: true 
    });

});

    document.addEventListener("DOMContentLoaded", function() {
    var blogName = "GatasGyn";
    
    // Função central que aplica a correção na imagem
    function corrigirAltDaImagem(img) {
        // Pega o valor do alt. Se for null (não existe) ou vazio (alt ou alt=""), ele corrige
        var altAtual = img.getAttribute('alt');
        if (altAtual === null || altAtual.trim() === '') {
            img.setAttribute('alt', blogName);
        }
    }

    // 1. Corrige as imagens que já carregaram com a página
    var imagensIniciais = document.querySelectorAll('img');
    imagensIniciais.forEach(corrigirAltDaImagem);

    // 2. Cria um "Vigia" (Observer) para qualquer imagem que carregar DEPOIS (Lazy load, Ajax, Elementor, etc)
    var vigia = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            // Se novos elementos foram adicionados ao HTML
            if (mutation.addedNodes) {
                mutation.addedNodes.forEach(function(node) {
                    // Verifica se o nó inserido é uma imagem
                    if (node.nodeName === 'IMG') {
                        corrigirAltDaImagem(node);
                    } 
                    // Ou se é uma div/container que tem imagens dentro
                    else if (node.nodeType === 1 && node.hasChildNodes()) {
                        var imagensInternas = node.querySelectorAll('img');
                        imagensInternas.forEach(corrigirAltDaImagem);
                    }
                });
            }
        });
    });

    // Inicia a vigília no site inteiro (body), olhando todos os filhos e sub-filhos (subtree)
    vigia.observe(document.body, { childList: true, subtree: true });
});
</script>

<!-- STORIES STORIES STORIES -->
<style>
    /* ====================================================== */
/* ESTILOS DO VISUALIZADOR DE STORIES & REELS            */
/* ====================================================== */

#gg-viewer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 999998;
    display: none; /* Controlado por JS */
    opacity: 0;
    transition: opacity 0.3s ease;
}

#gg-viewer-overlay.gg-viewer-visible {
    display: block;
    opacity: 1;
}

/* --- Loading Spinner --- */
#gg-viewer-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.gg-viewer-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: gg-viewer-spin 1s linear infinite;
}
@keyframes gg-viewer-spin {
    to { transform: rotate(360deg); }
}

/* --- Container Principal --- */
.gg-viewer-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 450px; /* Limite máximo de largura (estilo celular) */
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    /* Fonte para combinar com a imagem */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.gg-viewer-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 50;
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px;
}
.gg-viewer-close svg {
    width: 28px;
    height: 28px;
    stroke: #fff;
    stroke-width: 2.5;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}


/* --- Slider --- */
.gg-viewer-slider-storie {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}
.gg-viewer-slider-reels {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
.gg-viewer-slider-reels::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.gg-viewer-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    position: relative;
    scroll-snap-align: start;
    overflow: hidden;
    background: #111;
}
.gg-viewer-slide-media {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 'contain' é mais seguro para não cortar o rosto */
}

/* --- Gradientes de Sombra (para legibilidade) --- */
.gg-viewer-header::before,
.gg-viewer-footer::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: 8;
    pointer-events: none;
}
.gg-viewer-header::before {
    top: 0;
    height: 120px;
    /* background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); */
}
.gg-viewer-footer::before {
    bottom: 0;
    height: 120px;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

/* --- Barras de Progresso (Modo Storie) --- */
.gg-viewer-progress-bars {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    display: flex;
    gap: 4px;
    z-index: 20;
}
.gg-viewer-progress-bar {
    flex: 1;
    height: 3px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 3px;
}
.gg-viewer-progress-bar-inner {
    height: 100%;
    width: 0;
    background: #fff;
    border-radius: 3px;
}
/* Oculto no modo Reels */
.gg-viewer-mode-reel .gg-viewer-progress-bars {
    display: none;
}

/* --- Header (Topo) --- */
.gg-viewer-header {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    padding: 0 15px;
    display: flex;
    align-items: center;
    z-index: 10;
}
.gg-viewer-header-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(255,255,255,0.8) !important;
}
.gg-viewer-header-info {
    margin-left: 10px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.gg-viewer-header-nome {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
}
.gg-viewer-header-meta {
    font-size: 13px;
    font-weight: 400;
    color: #eee;
    line-height: 1.2;
}
.gg-viewer-header-seguir,
.gg-viewer-header-seguir:hover {
    margin-left: 12px;
    padding: 5px 12px;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff !important;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}
/* Oculto no modo Reels */
.gg-viewer-mode-reel .gg-viewer-header {
    display: none;
}

/* --- Sidebar (Direita) --- */
.gg-viewer-sidebar {
    position: absolute;
    bottom: 20px;
    right: 10px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.gg-viewer-sidebar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background: none;
    border: none;
    color: #fff;
    padding: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.gg-viewer-sidebar-item i.fa{
    font-size:36px;
}
.gg-viewer-sidebar-item svg {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}
.gg-viewer-sidebar-item-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    margin-bottom: -5px; /* Ajuste para o '+' */
}
.gg-viewer-sidebar-item-avatar-plus {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #2457C5; /* Cor do '+' */
    color: #fff;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: -12px;
}
.gg-viewer-sidebar-item span {
    font-size: 13px;
    font-weight: 600;
    margin-top: 4px;
}
/* Oculta/Exibe itens por modo */
.gg-viewer-mode-storie .gg-viewer-sidebar-item[data-storie="false"],
.gg-viewer-mode-reel .gg-viewer-sidebar-item[data-reel="false"] {
    display: none;
}
/* No Storie, a sidebar começa mais para cima */
.gg-viewer-mode-storie .gg-viewer-sidebar {
    bottom: 80px; 
}


/* --- Footer (Rodapé) --- */
.gg-viewer-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 10;
}
/* Footer do Storie */
.gg-viewer-footer-storie {
    text-align: center;
}
.gg-viewer-footer-storie a,
.gg-viewer-footer-storie a:hover {
    display: inline-block;
    padding: 10px 38px;
    background: none;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    font-family: "Roboto Condensed", sans-serif;
}
.gg-viewer-footer-storie svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -2px;
}
/* Footer do Reel */
.gg-viewer-footer-reel {
    display: flex;
    align-items: center;
    gap: 10px;
}
.gg-viewer-footer-reel-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}
.gg-viewer-footer-reel-info {
    flex: 1;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.gg-viewer-footer-reel-nome {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
}
.gg-viewer-footer-reel-meta {
    font-size: 13px;
    font-weight: 400;
    color: #eee;
    line-height: 1.2;
}
.gg-viewer-footer-reel-seguir {
    padding: 6px 14px;
    background: rgba(255,255,255,0.9);
    color: #111;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/* Controle de visibilidade dos Footers */
.gg-viewer-mode-reel .gg-viewer-footer-storie {
    display: none;
}
.gg-viewer-mode-storie .gg-viewer-footer-reel {
    display: none;
}

/* --- Navegação (Setas/Tap) --- */
.gg-viewer-nav {
    position: absolute;
    top: 0;
    height: 100%;
    width: 30%;
    z-index: 5;
    cursor: pointer;
}
.gg-viewer-nav-prev { left: 0; }
.gg-viewer-nav-next { right: 0; }
/* Oculto no modo Reels */
.gg-viewer-mode-reel .gg-viewer-nav {
    display: none;
}

.gg-viewer-footer-storie i.fa{
    font-size: 23px;
    color: #47cc69;
    margin-left: 5px;
    vertical-align: middle;
}


/* ====================================================== */
/* ESTILOS DO NOVO VIEWER DE REELS (TIKTOK STYLE)       */
/* ====================================================== */

.gg-reels-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Fundo preto é mais imersivo para Reels */
    background: #000; 
    z-index: 999990; /* Z-index alto */
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.gg-reels-overlay.gg-reels-visible {
    display: block;
    opacity: 1;
}

/* --- Loading Spinner --- */
.gg-reels-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.gg-reels-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: gg-reels-spin 1s linear infinite;
}
@keyframes gg-reels-spin {
    to { transform: rotate(360deg); }
}

/* --- Container Principal --- */
.gg-reels-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 450px; /* Limite máximo de largura (estilo celular) */
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.gg-reels-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 50;
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px;
}
.gg-reels-close svg {
    width: 28px;
    height: 28px;
    stroke: #fff;
    stroke-width: 2.5;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}

/* --- Slider (O CORAÇÃO DA LÓGICA) --- */
.gg-reels-slider {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    /* ESSENCIAL: Habilita o "snap" vertical */
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}
.gg-reels-slider::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.gg-reels-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    position: relative;
    /* ESSENCIAL: Define onde o snap deve parar */
    scroll-snap-align: start; 
    overflow: hidden;
    background: #000;
}
.gg-reels-slide-media {
    width: 100%;
    height: 100%;
    /* 'contain' é mais seguro para não cortar o rosto/corpo */
    object-fit: cover; 
}

/* --- Gradientes de Sombra (para legibilidade) --- */
.gg-reels-footer::before,
.gg-reels-header::before { /* Header só para o gradiente */
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: 8;
    pointer-events: none;
}
.gg-reels-header::before {
    top: 0;
    height: 120px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}
.gg-reels-footer::before {
    bottom: 0;
    height: 120px;
    background: none;
}
.gg-reels-header { /* Header fantasma apenas para o gradiente superior */
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 50px;
    z-index: 10;
}


/* --- Sidebar (Direita) - Layout REEL --- */
.gg-reels-sidebar {
    position: absolute;
    bottom: 80px; /* Posição do Reel */
    right: 10px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.gg-reels-sidebar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    background: none;
    border: none;
    color: #fff;
    /*height:49px !important;*/
    padding: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}
.gg-reels-sidebar-item svg {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
    transition: all 0.3s ease;
}
.gg-reels-sidebar-item-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #fff !important;
    margin-bottom: -5px !important;
}
.gg-reels-sidebar-item-avatar-plus {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #006DD9;
    color: #fff;
    border: 2px solid #fff;
    display: block;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 0px;
    font-weight: bold;
    position: relative;
    top: -12px;
    padding-top: 0;
    padding-top: 8px;
}

@media(max-width:540px){
    .gg-reels-sidebar-item-avatar-plus {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #006DD9;
        color: #fff;
        border: 2px solid #fff;
        display: block;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 0px;
        font-weight: 600;
        position: relative;
        top: -12px;
        padding-top: 0;
        padding-top: 10px;
    }
}
.gg-reels-sidebar-item span {
    font-size: 13px;
    font-weight: 600;
    margin-top: 4px;
}

/* --- Footer (Rodapé) - Layout REEL --- */
.gg-reels-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 10px;
}
.gg-reels-footer-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}
.gg-reels-footer-info {
    flex: 1;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.gg-reels-footer-nome {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
}
.gg-reels-footer-meta {
    font-size: 13px;
    font-weight: 400;
    color: #eee;
    line-height: 1.2;
}
.gg-reels-footer-seguir,
.gg-reels-footer-seguir:hover {
    padding: 6px 14px;
    background: #006DD9 !important;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

</style>

<!-- FINAL -->
 <div id="gg-viewer-overlay">
    <div id="gg-viewer-loading">
        <div class="gg-viewer-spinner"></div>
    </div>
    </div>


<div id="gg-reels-overlay" class="gg-reels-overlay">
    <div id="gg-reels-loading" class="gg-reels-loading">
        <div class="gg-reels-spinner"></div>
    </div>
    </div>


<div id="gg-total-overlay" class="gg-total-overlay">
    <div id="gg-total-loading" class="gg-total-loading">
        <div class="gg-total-spinner"></div>
    </div>
    </div>


<style>
    /* Container de Comentários no Viewer */
    .gg-comments-panel {
        position: absolute;
        bottom: -100%; /* Escondido */
        left: 0;
        width: 100%;
        height: 60%; /* Altura similar à imagem enviada */
        background: rgba(33,33,33,0.80);
        border-radius: 20px 20px 0 0;
        z-index: 100;
        transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
        display: flex;
        flex-direction: column;
    }

    .gg-comments-panel.open {
        bottom: 0;
    }

    .gg-comments-header {
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        position: relative;
    }

    .gg-comments-drag-handle {
        width: 40px;
        height: 4px;
        background: rgba(255,255,255,0.2);
        border-radius: 2px;
        margin: 0 auto 10px;
    }

    .gg-comments-title {
        font-weight: bold;
        font-size: 15px;
        color: #f2f2f2;
    }

    .gg-comments-body {
        flex: 1;
        overflow-y: auto;
        scrollbar-width: none;
    }
    .gg-comments-body::-webkit-scrollbar { display: none; }

    .gg-comments-overlay-bg {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.4);
        display: none;
        z-index: 99;
    }


    /* Transição suave do slider */
    #gg-stories-slider {
        display: flex;
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); /* Suaviza o movimento lateral */
        width: 100%;
        height: 100%;
    }

    /* Garante que o modal não pisque ao trocar o perfil */
    #gg-viewer-overlay.gg-viewer-visible {
        display: flex !important;
        background: #000;
    }

    /* Efeito de fade na entrada da mídia */
    .gg-viewer-slide {
        min-width: 100%;
        height: 100%;
        animation: slideInFade 0.3s ease;
    }

    @keyframes slideInFade {
        from { opacity: 0.5; transform: scale(0.95); }
        to { opacity: 1; transform: scale(1); }
    }


    /* =========================================
    ANIMAÇÕES ESTILO TIKTOK PARA REELS
    ========================================= */

    /* Faz o novo Reel entrar deslizando de baixo para cima */
    #gg-reels-slider {
        animation: reelSlideIn 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    @keyframes reelSlideIn {
        0% { transform: translateY(100%); }
        100% { transform: translateY(0); }
    }

    /* Classe acionada via JS para o Reel atual subir e sair da tela */
    .reel-slide-out {
        transform: translateY(-100%) !important;
        transition: transform 0.3s ease-in !important;
    }

    /* Animação para VOLTAR (Slide Down) */
    .reel-slide-in-reverse {
        animation: reelSlideInReverse 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
    }

    @keyframes reelSlideInReverse {
        0% { transform: translateY(-100%); } /* Vem de cima */
        100% { transform: translateY(0); }
    }

    /* Classe de saída quando o utilizador decide voltar */
    .reel-slide-out-reverse {
        transform: translateY(100%) !important; /* Desce para sair do ecrã */
        transition: transform 0.3s ease-in !important;
    }

    /* =========================================
    ANIMAÇÃO DE LIKE (ESTILO TWITTER/X)
    ========================================= */

    @keyframes twitterHeartPop {
        0%   { transform: scale(0); opacity: 0; }
        50%  { transform: scale(1.3); opacity: 1; }
        100% { transform: scale(1); }
    }

    /* Classe aplicada via JS no momento do clique */
    .heart-pop-anim {
        color: #2457c5 !important;
        animation: twitterHeartPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        font-size: 26px !important; /* Ajuste para o tamanho ideal na sua sidebar */
    }

    /* Classe para quando o modal abre e o perfil já estava curtido */
    .heart-liked-static {
        color: #2457c5 !important;
        font-size: 26px !important;
    }


</style>
<script>


    // ======================================================
//    LAZY LOAD COM SKELETON (STORIES BOLINHAS)
// ======================================================
document.addEventListener('DOMContentLoaded', function() {
    const lazyStories = document.querySelectorAll('.gg-lazy-story');
    
    if ('IntersectionObserver' in window) {
        const storyObserver = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const img = entry.target;
                    const realSrc = img.getAttribute('data-src');
                    
                    if (realSrc) {
                        // Ao terminar de carregar, remove o skeleton e mostra a imagem
                        img.onload = function() {
                            img.classList.add('loaded');
                            img.parentElement.classList.remove('gg-skeleton-loader');
                        };
                        // Dispara o download da imagem real
                        img.src = realSrc;
                        // Remove o atributo para limpar o DOM
                        img.removeAttribute('data-src');
                    }
                    
                    observer.unobserve(img); // Para de observar esta imagem
                }
            });
        }, {
            // Margem: começa a carregar a imagem 100px antes dela aparecer na tela
            rootMargin: "0px 100px 0px 0px" 
        });

        lazyStories.forEach(img => {
            storyObserver.observe(img);
        });
    } else {
        // Fallback se o navegador for muito velho (carrega tudo de uma vez)
        lazyStories.forEach(img => {
            img.src = img.getAttribute('data-src');
            img.onload = function() {
                img.classList.add('loaded');
                img.parentElement.classList.remove('gg-skeleton-loader');
            }
        });
    }
});
    

    let ggPlaylistIds = []; // Lista de IDs de perfil disponíveis na página

    jQuery(document).ready(function($) {
        // Mapeia todas as bolinhas disponíveis para criar a playlist
        $('.container-item.conic-gradient, .container-item.img-container--fake').each(function() {
            const onclickAttr = $(this).attr('onclick');
            if (onclickAttr) {
                const match = onclickAttr.match(/ggAtivarStoriesLocal\((\d+)\)/);
                if (match && match[1]) {
                    ggPlaylistIds.push(parseInt(match[1]));
                }
            }
        });
        console.log("[VIEWER STORIES] Playlist carregada:", ggPlaylistIds);
    });


        let ggPlaylistIdsREELS = []; // Lista de IDs de perfil disponíveis na página
    // O PHP imprime a array do banco de dados direto no formato Javascript
    const ggFallbackReelsIDs = [12687,46412,46176,46519,46837,6222,46680,44624,3851,5684,46542,4709,4150,9438,3400,41105,38919,36880,47198,42766,47401,44686,31219,31049,45343,31179,32109,16203,47171,31216,47091,13157,35782,42046,4309,31064,4101,3296,31649,31458,4031,46878,46775,42757,36905,47010,47212,7684,43705,31217,46597,45668,6033];

    jQuery(document).ready(function($) {
        // Mapeia todas as bolinhas disponíveis para criar a playlist
        $('.novo-reels-videos-play-icon').each(function() {
            const onclickAttr = $(this).attr('onclick');
            if (onclickAttr) {
                const match = onclickAttr.match(/ggAtivarReelsLocal\((\d+)\)/);
                if (match && match[1]) {
                    ggPlaylistIdsREELS.push(parseInt(match[1]));
                }
            }
        });
        // 2. Se a lista continuar vazia (não achou ícones), usamos o Fallback do PHP
        if (ggPlaylistIdsREELS.length === 0 && ggFallbackReelsIDs.length > 0) {
            ggPlaylistIdsREELS = ggFallbackReelsIDs.map(id => parseInt(id));
            console.log("[VIEWER REELS] Nenhum ícone na página. Usando posts do banco de dados.");
        }
        console.log("[VIEWER REELS] Playlist carregada:", ggPlaylistIdsREELS);
    });

jQuery(document).ready(function($) {

    // ======================================================
    //    SISTEMA UNIFICADO DE VISUALIZAÇÃO (STORIES & REELS)
    // ======================================================

    // URL do AJAX do WordPress
    const ggAjaxUrl = "https://gatasgyn.com/wp-admin/admin-ajax.php";

    // Variáveis Globais
    let ggViewerAberto = false;
    let ggViewerMedia = [];
    let ggViewerProfile = {};
    let ggViewerCurrentIndex = 0;
    let ggViewerInterval = null;
    let ggReelsTimeout = null; // <-- NOVA VARIÁVEL AQUI
    let ggViewerMode = 'storie'; 
    let ggViewerIsMuted = true;
    let ggReels_Observer = null; // Específico para o IntersectionObserver do Reels

    // --- Ícones SVG ---
    const ICONS = {
        close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',
        mute: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><line x1="23" y1="9" x2="17" y2="15"></line><line x1="17" y1="9" x2="23" y2="15"></line></svg>',
        unmute: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>',
        like: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>',
        share: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>',
        comment: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>'
    };

    // ======================================================
    //    1. GATILHOS PÚBLICOS (Botões do Site)
    // ======================================================

    window.ggAtivarStoriesLocal = function(perfilID) {
        ggViewerAberto = true; // <--- LIGA O SISTEMA
        jQuery("html").css("overflow-y","hidden");
        jQuery("body").css("overflow-y","hidden");
        console.clear();
        console.log("%c [VIEWER] INICIANDO MODO: STORIES ", "background: #e02d69; color: #fff; font-size: 14px; padding: 5px; border-radius: 4px;");
        ggViewerMode = 'storie';
        ggBuscarDados(perfilID, 'storie');
    };
    
    window.ggAtivarReelsLocal = function(perfilID) {
        ggViewerAberto = true; // <--- LIGA O SISTEMA
        jQuery("html").css("overflow-y","hidden");
        jQuery("body").css("overflow-y","hidden");
        console.clear();
        console.log("%c [VIEWER] INICIANDO MODO: REELS ", "background: #2a8de7; color: #fff; font-size: 14px; padding: 5px; border-radius: 4px;");
        ggViewerMode = 'reel';
        ggBuscarDados(perfilID, 'reel');
    };
    
    // Função auxiliar para compatibilidade com código antigo se houver
    window.iniciarNovoReels = function(perfilID) {
        window.ggAtivarReelsLocal(perfilID);
    };


    // ======================================================
    //    2. CAMADA DE DADOS (AJAX)
    // ======================================================
    // ======================================================
    //    2. CAMADA DE DADOS (AJAX COM CACHE TIKTOK)
    // ======================================================
    window.ggCacheDados = {}; // Guarda os dados para transições instantâneas

    function ggBuscarDados(perfilID, viewType) {
        const overlayId = (viewType === 'reel') ? '#gg-reels-overlay' : '#gg-viewer-overlay';
        const loadingId = (viewType === 'reel') ? '#gg-reels-loading' : '#gg-viewer-loading';
        
        $(overlayId).addClass(viewType === 'reel' ? 'gg-reels-visible' : 'gg-viewer-visible');
        
        // 1. VERIFICA O CACHE: Se já baixou no background, pula o preload!
        const chaveCache = perfilID + '_' + viewType;
        if (window.ggCacheDados[chaveCache]) {
            console.log("[CACHE] Dados carregados instantaneamente para:", perfilID);
            ggViewerMedia = window.ggCacheDados[chaveCache].media;
            ggViewerProfile = window.ggCacheDados[chaveCache].profile;
            
            if (viewType === 'reel') ggRenderizarReels();
            else ggRenderizarStories();
            
            ggPreCarregarProximo(perfilID, viewType); // Baixa o próximo logo em seguida
            return;
        }

        // 2. SE NÃO TEM NO CACHE: Mostra o loading e vai no banco (Ocorre apenas no 1º clique)
        $(loadingId).show();

        jQuery.ajax({
            url: ggAjaxUrl,
            type: 'POST',
            dataType: 'json',
            data: {
                action: 'harmonics_app_perfil',
                identificador: 'gg_carregar_dados_viewer_totais_2',
                dados: JSON.stringify({ id_perfil: perfilID, view_type: viewType }) 
            },
            success: function(response) {

                if (!ggViewerAberto) return;
                $(loadingId).hide();

                if (response.html && response.html.success) {
                    const limite = (viewType === 'reel') ? 1 : 5;
                    
                    // Salva no Cache do navegador para futuras transições
                    window.ggCacheDados[chaveCache] = {
                        media: response.html.media.slice(0, limite),
                        profile: response.html.profile
                    };

                    ggViewerMedia = window.ggCacheDados[chaveCache].media;
                    ggViewerProfile = window.ggCacheDados[chaveCache].profile;
                    
                    if (ggViewerMedia.length === 0) {
                        //alert('Nenhum conteúdo encontrado.');
                        alert("Problema no Reels, vamos reinicia-los, frase apenas na homologação");
                        ggFecharTudo();
                        iniciarNovoReels();
                        return;
                    }
                    
                    if (viewType === 'reel') ggRenderizarReels();
                    else ggRenderizarStories();

                    // Dispara o download em background da próxima acompanhante
                    ggPreCarregarProximo(perfilID, viewType);
                } else {
                    console.error("Erro no retorno AJAX", response);
                    ggFecharTudo();
                }
            },
            error: function(err) {
                $(loadingId).hide();
                console.error('[AJAX] Falha na requisição:', err);
                ggFecharTudo();
            }
        });
    }

    // Função que baixa o próximo perfil em background sem travar a tela
    function ggPreCarregarProximo(perfilAtualID, viewType) {
        if (typeof ggPlaylistIds === 'undefined' || ggPlaylistIds.length === 0) return;
        
        const posicaoAtual = ggPlaylistIds.indexOf(parseInt(perfilAtualID, 10));
        let proximaPosicao = posicaoAtual + 1;
        if (proximaPosicao >= ggPlaylistIds.length) proximaPosicao = 0;
        
        const proximoID = ggPlaylistIds[proximaPosicao];
        const chaveCache = proximoID + '_' + viewType;
        
        if (window.ggCacheDados[chaveCache]) return; // Já baixou, ignora.

        console.log("[PRE-LOAD] Baixando próximo perfil no background: " + proximoID);

        jQuery.ajax({
            url: ggAjaxUrl,
            type: 'POST',
            dataType: 'json',
            data: {
                action: 'harmonics_app_perfil',
                identificador: 'gg_carregar_dados_viewer_totais_2',
                dados: JSON.stringify({ id_perfil: proximoID, view_type: viewType }) 
            },
            success: function(response) {
                if (response.html && response.html.success) {
                    const limite = (viewType === 'reel') ? 1 : 5;
                    // Guarda APENAS no cache, NÃO altera as variáveis globais
                    window.ggCacheDados[chaveCache] = {
                        media: response.html.media.slice(0, limite),
                        profile: response.html.profile
                    };
                }
            }
        });
    }


    // ======================================================
    //    4. RENDERIZADOR: STORIES (Instagram Style)
    // ======================================================
    // ======================================================
    //    4. RENDERIZADOR: STORIES (Instagram Style)
    // ======================================================
    // ======================================================
    //    4. RENDERIZADOR: STORIES (Instagram Style)
    // ======================================================
    function ggRenderizarStories() {
        console.log("[RENDER] Construindo interface Stories...");
        const $overlay = $('#gg-viewer-overlay');
        $overlay.find('.gg-viewer-container').remove();

        // 1. MÁGICA DE ISOLAMENTO DO AD
        // Se a primeira mídia que chegou for patrocinada, nós fatiamos o array!
        if (ggViewerMedia.length > 0 && ggViewerMedia[0].is_ad) {
            
            // Guarda as fotos reais da garota na "gaveta" para exibir depois do Ad
            window.ggPerfilRealPendente = {
                media: ggViewerMedia.slice(1), // Salva tudo, exceto o AD
                profile: ggViewerProfile
            };
            
            // Sobrescreve os dados atuais APENAS com o AD (Criando um "Perfil Falso")
            ggViewerMedia = [ggViewerMedia[0]];
            ggViewerProfile = { id: 'ad', is_ad: true, nome: 'Patrocinado' };
        }

        const isAd = ggViewerProfile.is_ad === true;
        const adLink = isAd && ggViewerMedia[0].ad_link ? ggViewerMedia[0].ad_link : '';

        // Verifica Like Local (Só faz sentido se não for AD)
        let iconeLikeRender = ICONS.like;
        if (!isAd) {
            const likesSalvos = JSON.parse(localStorage.getItem('gg_likes_locais') || '{}');
            const jaCurtiuAtual = !!likesSalvos[ggViewerProfile.id];
            if(jaCurtiuAtual) iconeLikeRender = '<i class="fa fa-heart heart-liked-static" aria-hidden="true"></i>';
        }

        if(!ggViewerProfile.curtidas || !ggViewerProfile.curtidas == null || !ggViewerProfile.curtidas == undefined){
            ggViewerProfile.curtidas = 0;
        } 

        const html = `
        <div class="gg-viewer-container">
            <button class="gg-viewer-close" style="z-index: 9999;">${ICONS.close}</button>
            
            <div class="gg-viewer-progress-bars">
                ${ggViewerMedia.map((_, i) => `<div class="gg-viewer-progress-bar"><div class="gg-viewer-progress-bar-inner" id="prog-${i}"></div></div>`).join('')}
            </div>
            
            ${isAd ? 
                `<header class="gg-viewer-header" style="justify-content: flex-start; padding-left: 15px;">
                    <div style="background: rgba(0,0,0,0.5); padding: 4px 10px; border-radius: 4px; font-size: 12px; color: #fff; border: 1px solid rgba(255,255,255,0.3);">Patrocinado</div>
                </header>` 
                : 
                `<header class="gg-viewer-header">
                    <img src="${ggViewerProfile.avatar_url}" class="gg-viewer-header-avatar">
                    <div class="gg-viewer-header-info" style="cursor:pointer" onclick="location.href='${ggViewerProfile.permalink}'">
                        <div class="gg-viewer-header-nome">${ggViewerProfile.nome}</div>
                        <div class="gg-viewer-header-meta">${ggViewerProfile.localizacao}</div>
                    </div>
                </header>`
            }

            <div class="gg-viewer-slider-storie" id="gg-stories-slider">
                 ${ggViewerMedia.map((item, index) => `
                    <div class="gg-viewer-slide">
                        ${!isAd ? `<div class="imagem-marca-dagua-storie-1" style="background:url('https://cdn.gatasgyn.com/wp-content/uploads/2026/03/G-Marca-D-agua-2.png') transparent no-repeat;background-size:100% auto;background-position:center center;"></div>` : ''}
                        
                        ${item.type === 'video' ? 
                            `<video class="gg-viewer-slide-media" src="${item.url}" playsinline ${adLink ? `style="cursor:pointer;" onclick="window.open('${adLink}', '_blank')"` : ''}></video>` : 
                            `<img class="gg-viewer-slide-media" src="${item.url}" ${adLink ? `style="cursor:pointer;" onclick="window.open('${adLink}', '_blank')"` : ''}>`
                        }
                    </div>
                `).join('')}
            </div>

            <div class="gg-viewer-nav gg-viewer-nav-prev"></div>
            <div class="gg-viewer-nav gg-viewer-nav-next"></div>

            ${!isAd ? `
            <aside class="gg-reels-sidebar">
                <button class="gg-reels-sidebar-item" onclick="addListaFav(this, ${ggViewerProfile.id});addListaFavApoio(this)" onclick-disabled="location.href='${ggViewerProfile.permalink}'">
                    <img src="${ggViewerProfile.avatar_url}" class="gg-reels-sidebar-item-avatar">
                    <div class="gg-reels-sidebar-item-avatar-plus">+</div>
                </button>
                <button class="gg-reels-sidebar-item sentinela-1" onclick="darLikePerfil(this, ${ggViewerProfile.id})"> 
                    <!--${iconeLikeRender}<span class="gg-like-count">${ggViewerProfile.favoritos}</span>--> 
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>                    <span class="sub-fragmento-reels-2-1">${ggViewerProfile.curtidas}</span>
                </button>
                <button class="gg-reels-sidebar-item" onclick="ggAbrirComentarios(${ggViewerProfile.id})">
                    ${ICONS.comment}<span class="gg-comm-count">${ggViewerProfile.total_coment}</span>
                </button>
                <button class="gg-reels-sidebar-item" onclick="location.href='${ggViewerProfile.link_share}'">
                    ${ICONS.share}<span>0</span>
                </button>
                <button class="gg-reels-sidebar-item" data-action="toggle-mute">${ICONS.mute}</button>
                <button class="gg-reels-sidebar-item" onclick="window.open('${ggViewerProfile.link_whatsapp}')">
                    <i class="fa fa-whatsapp" style="font-size:36px;"></i>   
                </button>
            </aside>
            <footer class="gg-viewer-footer">
                <div class="gg-viewer-footer-storie">
                    <a href="${ggViewerProfile.link_whatsapp}" title="Enviar Mensagem" target="_blank">Enviar Mensagem <i class="fa fa-whatsapp"></i></a>
                </div>
            </footer>
            ` : 
            (adLink ? `
            <footer class="gg-viewer-footer" style="padding: 20px; z-index: 10000;">
                <button onclick="window.open('${adLink}', '_blank')" style="width: 100%; background: #2457c5; color: white; border: none; padding: 12px; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer;">Saiba Mais</button>
            </footer>
            ` : '')}

            <div class="gg-comments-overlay-bg"></div>
            <div class="gg-comments-panel" id="gg-comments-panel">
                <div class="gg-comments-header">
                    <div class="gg-comments-drag-handle"></div>
                    <div class="gg-comments-title">Comentários</div>
                </div>
                <div class="gg-comments-body" id="gg-comments-body"></div>
            </div>
        </div>
        `;

        $overlay.append(html);

        // Eventos
        $('.gg-viewer-close').on('click', ggFecharTudo);
        $('.gg-viewer-nav-prev').on('click', () => ggMudarSlideStory(-1));
        $('.gg-viewer-nav-next').on('click', () => ggMudarSlideStory(1));

        $overlay.find('[data-action="toggle-mute"]').on('click', function() {
            ggViewerIsMuted = !ggViewerIsMuted;
            $(this).html(ggViewerIsMuted ? ICONS.mute : ICONS.unmute);
            $overlay.find('video').prop('muted', ggViewerIsMuted);
        });
        $overlay.find('[data-action="toggle-mute"]').html(ggViewerIsMuted ? ICONS.mute : ICONS.unmute);

        ggViewerCurrentIndex = 0;
        ggTocarStoryAtual();
    }


    // ======================================================
    // A REPRODUÇÃO (Onde avaliamos Slide por Slide)
    // ======================================================
    function ggTocarStoryAtual() {
        if (ggViewerInterval) clearInterval(ggViewerInterval);
        
        // Pausa todos os vídeos invisíveis
        $('video').each(function() { this.pause(); this.currentTime = 0; });

        const $slide = $('#gg-stories-slider .gg-viewer-slide').eq(ggViewerCurrentIndex);
        const $media = $slide.find('video, img');
        const $bar = $(`#prog-${ggViewerCurrentIndex}`);
        
        $bar.stop(true, true).css('width', '0%');

        // =========================================================
        // MÁGICA AQUI: Oculta Sidebar/Header se o slide atual for AD
        // =========================================================
        if (ggViewerMedia[ggViewerCurrentIndex] && ggViewerMedia[ggViewerCurrentIndex].is_ad) {
            $('.gg-ui-organica').css({ opacity: 0, visibility: 'hidden' });
        } else {
            $('.gg-ui-organica').css({ opacity: 1, visibility: 'visible' });
        }
        // =========================================================

        if ($media.is('video')) {
            const vid = $media[0];
            vid.muted = ggViewerIsMuted;
            vid.play().catch(e => console.warn(e));
            
            ggViewerInterval = setInterval(() => {
                if (vid.duration) {
                    const pct = (vid.currentTime / vid.duration) * 100;
                    $bar.css('width', pct + '%');
                    if (pct >= 99) { 
                        clearInterval(ggViewerInterval);
                        ggMudarSlideStory(1);
                    }
                }
            }, 100);
            
            $(vid).off('ended').on('ended', () => {
                clearInterval(ggViewerInterval);
                ggMudarSlideStory(1);
            });

        } else {
            // Animação de imagem
            $bar.animate({ width: '100%' }, 5000, 'linear', function() {
                const barIndex = parseInt($(this).attr('id').split('-')[1]);
                if (barIndex === ggViewerCurrentIndex) {
                    ggMudarSlideStory(1);
                }
            });
            
            // Backup Timer
            ggViewerInterval = setTimeout(() => {
                 if(parseInt($bar.attr('id').split('-')[1]) === ggViewerCurrentIndex){
                     ggMudarSlideStory(1);
                 }
            }, 5100);
        }
    }


     // ======================================================
    //    3. RENDERIZADOR: REELS (TikTok Style)
    // ======================================================
    // ======================================================
    //    3. RENDERIZADOR: REELS (TikTok Style) - DINÂMICO
    // ======================================================
    function ggRenderizarReels_antiga() {
        console.log("[RENDER] Construindo interface Reels...");
        const $overlay = $('#gg-reels-overlay');
        
        // Remove container antigo se existir
        $overlay.find('.gg-reels-container').remove();

        // Constrói HTML
        // ATENÇÃO: O atributo 'loop' foi removido do <video> para permitir que ele termine!
        const html = `
            <div class="gg-reels-container">
                <button class="gg-reels-close">${ICONS.close}</button>
                <div class="gg-reels-header"></div>
                <div class="gg-reels-slider" id="gg-reels-slider">
                    ${ggViewerMedia.map((item, index) => `
                        <div class="gg-reels-slide" data-index="${index}">
                            <div class="imagem-marca-dagua-storie-1" style="background:url('https://cdn.gatasgyn.com/wp-content/uploads/2026/03/G-Marca-D-agua-2.png') transparent no-repeat;background-size:100% auto;background-position:center center;"></div>
                            ${item.type === 'video' ? 
                                `<video class="gg-reels-slide-media" src="${item.url}" playsinline></video>` : 
                                `<img class="gg-reels-slide-media" src="${item.url}">`
                            }
                        </div>
                    `).join('')}
                </div>

                <aside class="gg-reels-sidebar">
                    <button class="gg-reels-sidebar-item" onclick="addListaFav(this, ${ggViewerProfile.id});addListaFavApoio(this)" onclick-disabled="location.href='${ggViewerProfile.permalink}'">
                        <img src="${ggViewerProfile.avatar_url}" class="gg-reels-sidebar-item-avatar">
                        <div class="gg-reels-sidebar-item-avatar-plus">+</div>
                    </button>
                    
                    <button class="gg-reels-sidebar-item  sentinela-2" onclick="darLikePerfil(this, ${ggViewerProfile.id})">
                        ${ICONS.like}<span class="gg-like-count">${ggViewerProfile.favoritos}</span>
                    </button>
                    
                    <button class="gg-reels-sidebar-item" onclick="ggAbrirComentarios(${ggViewerProfile.id})">
                        ${ICONS.comment}<span class="gg-comm-count">${ggViewerProfile.total_coment}</span>
                    </button>
                    
                    <button class="gg-reels-sidebar-item" onclick="location.href='${ggViewerProfile.link_share}'">
                        ${ICONS.share}<span>0</span>
                    </button>
                    
                    <button class="gg-reels-sidebar-item" data-action="toggle-mute">${ICONS.mute}</button>
                    
                    <button class="gg-reels-sidebar-item" onclick="window.open('${ggViewerProfile.link_whatsapp}')">
                        <i class="fa fa-whatsapp" style="font-size:36px;"></i>   
                    </button>
                </aside>
                
                <footer class="gg-reels-footer" style="cursor:pointer;">
                    <img src="${ggViewerProfile.avatar_url}" class="gg-reels-footer-avatar" onclick="location.href='${ggViewerProfile.permalink}'">
                    <div class="gg-reels-footer-info" onclick="location.href='${ggViewerProfile.permalink}'">
                        <div class="gg-reels-footer-nome">${ggViewerProfile.nome}</div>
                        <div class="gg-reels-footer-meta">${ggViewerProfile.localizacao}</div>
                    </div>
                    <a href="javascript:void(0)" onclick="darLikePerfil(this, ${ggViewerProfile.id}); jQuery(this).text('Seguindo');" class="gg-reels-footer-seguir  sentinela-3">Seguir</a>
                </footer>

                <div class="gg-comments-overlay-bg"></div>
                <div class="gg-comments-panel" id="gg-comments-panel">
                    <div class="gg-comments-header">
                        <div class="gg-comments-drag-handle"></div>
                        <div class="gg-comments-title">Comentários</div>
                    </div>
                    <div class="gg-comments-body" id="gg-comments-body"></div>
                </div>
            </div>
        `;

        $overlay.append(html);

        // --- EVENTOS ---
        $overlay.find('.gg-reels-close').on('click', ggFecharTudo);
        
        // Botão de Mute
        $overlay.find('[data-action="toggle-mute"]').on('click', function() {
            ggViewerIsMuted = !ggViewerIsMuted;
            $(this).html(ggViewerIsMuted ? ICONS.mute : ICONS.unmute);
            $overlay.find('video').prop('muted', ggViewerIsMuted);
        });
        
        $overlay.find('[data-action="toggle-mute"]').html(ggViewerIsMuted ? ICONS.mute : ICONS.unmute);


        // ======================================================
        // LÓGICA DE PLAY E TRANSIÇÃO (Substitui o IntersectionObserver)
        // ======================================================
        
        let transicaoEmAndamento = false;

        function pularParaProximoReel() { 
            if (transicaoEmAndamento) return;
            transicaoEmAndamento = true;
            
            if (timeoutReel) clearTimeout(timeoutReel);

            console.log("[REELS] Deslizando para o próximo perfil...");
            
            if (typeof ggPlaylistIdsREELS !== 'undefined' && ggPlaylistIdsREELS.length > 0) {
                
                const posicaoAtual = ggPlaylistIdsREELS.indexOf(ggViewerProfile.id);
                let proximaPosicao = posicaoAtual + 1;
                
                if (posicaoAtual === -1 || proximaPosicao >= ggPlaylistIdsREELS.length) {
                    proximaPosicao = 0;
                }
                
                let proximoPerfilId = ggPlaylistIdsREELS[proximaPosicao];

                // --- A MÁGICA DO TIKTOK AQUI ---
                // Adiciona a classe que empurra o vídeo atual para cima
                $('#gg-reels-slider').addClass('reel-slide-out');
                
                // Espera exatos 300ms (tempo da animação) para destruir o atual e puxar o próximo
                setTimeout(function() {
                    ggFecharTudo();
                    window.ggAtivarReelsLocal(proximoPerfilId);
                }, 300);

            } else {
                ggFecharTudo();
            }
        }

        const $media = $overlay.find('.gg-reels-slide-media');
        
        if ($media.length) {
            if ($media.is('video')) {
                const videoEl = $media[0];
                videoEl.muted = ggViewerIsMuted;
                videoEl.currentTime = 0;
                
                let playPromise = videoEl.play();
                if (playPromise !== undefined) {
                    playPromise.catch(error => console.log("Autoplay Reels prevenido"));
                }
                
                // 1. Transição Automática: Avança de perfil quando o vídeo acaba
                $(videoEl).on('ended', pularParaProximoReel);
            } else {
                // Se o Reels for uma imagem, espera 5 segundos e pula para a próxima pessoa
                setTimeout(pularParaProximoReel, 5000);
            }
        }

        // 2. Transição Manual: Sensor de "Deslizar o dedo para cima" (Swipe Up do TikTok)
        let startY = 0;
        $overlay.on('touchstart', function(e) {
            startY = e.originalEvent.touches[0].clientY;
        });
        $overlay.on('touchend', function(e) {
            let endY = e.originalEvent.changedTouches[0].clientY;
            // Se deslizou mais de 50px para cima, força o pulo de perfil
            if (startY - endY > 50) {
                pularParaProximoReel();
            }
        });
    }


    // ======================================================
    //    3. RENDERIZADOR: REELS (TikTok Style) - DINÂMICO
    // ======================================================
    // ======================================================
    //    3. RENDERIZADOR: REELS (TikTok Style) - DINÂMICO
    // ======================================================
    function ggRenderizarReels() {
        console.log("[RENDER] Construindo interface Reels...");
        const $overlay = $('#gg-reels-overlay');
        
        $overlay.find('.gg-reels-container').remove();

        const animacaoEntrada = (window.ggDirecaoReel === -1) ? 'reel-slide-in-reverse' : '';
        window.ggDirecaoReel = 1; 

        // Verifica se é AD e salva o link
        const isAd = ggViewerMedia.length > 0 && ggViewerMedia[0].is_ad;
        const linkAd = isAd ? ggViewerMedia[0].ad_link : '';

        const html = `
            <div class="gg-reels-container">
                <button class="gg-reels-close">${ICONS.close}</button>
                
                <div class="gg-reels-header">
                    ${isAd ? `<div style="display:inline-block; margin: 15px; background: rgba(0,0,0,0.5); padding: 4px 10px; border-radius: 4px; font-size: 12px; color: #fff; border: 1px solid rgba(255,255,255,0.3);">Patrocinado</div>` : ''}
                </div>
                
                <div class="gg-reels-slider ${animacaoEntrada}" id="gg-reels-slider">
                    ${ggViewerMedia.map((item, index) => `
                        <div class="gg-reels-slide" data-index="${index}" ${item.is_ad && item.ad_link ? `style="cursor:pointer;" onclick="window.open('${item.ad_link}', '_blank')"` : ''}>
                            ${!item.is_ad ? `<div class="imagem-marca-dagua-storie-1" style="background:url('https://cdn.gatasgyn.com/wp-content/uploads/2026/03/G-Marca-D-agua-2.png') transparent no-repeat;background-size:100% auto;background-position:center center;"></div>` : ''}
                            ${item.type === 'video' ? 
                                `<video class="gg-reels-slide-media" src="${item.url}" playsinline></video>` : 
                                `<img class="gg-reels-slide-media" src="${item.url}">`
                            }
                        </div>
                    `).join('')}
                </div>

                ${!isAd ? `
                <aside class="gg-reels-sidebar">
                    <button class="gg-reels-sidebar-item" onclick="addListaFav(this, ${ggViewerProfile.id});addListaFavApoio(this)" onclick-disabled="location.href='${ggViewerProfile.permalink}'">
                        <img src="${ggViewerProfile.avatar_url}" class="gg-reels-sidebar-item-avatar">
                        <div class="gg-reels-sidebar-item-avatar-plus">+</div>
                    </button>
                    
                    <button class="gg-reels-sidebar-item  sentinela-4 sentinela-4-2" onclick="darLikePerfil(this, ${ggViewerProfile.id})">
                        ${ICONS.like}<span class="gg-like-count">${ggViewerProfile.favoritos}</span>
                    </button>
                    
                    <button class="gg-reels-sidebar-item" onclick="ggAbrirComentarios(${ggViewerProfile.id})">
                        ${ICONS.comment}<span class="gg-comm-count">${ggViewerProfile.total_coment}</span>
                    </button>
                    
                    <button class="gg-reels-sidebar-item" onclick="location.href='${ggViewerProfile.link_share}'">
                        ${ICONS.share}<span>0</span>
                    </button>
                    
                    <button class="gg-reels-sidebar-item" data-action="toggle-mute">${ICONS.mute}</button>
                    
                    <button class="gg-reels-sidebar-item" onclick="window.open('${ggViewerProfile.link_whatsapp}')">
                        <i class="fa fa-whatsapp" style="font-size:36px;"></i>   
                    </button>
                </aside>
                
                <footer class="gg-reels-footer" style="cursor:pointer;" onclick="location.href='${ggViewerProfile.permalink}'">
                    <img src="${ggViewerProfile.avatar_url}" class="gg-reels-footer-avatar">
                    <div class="gg-reels-footer-info">
                        <div class="gg-reels-footer-nome">${ggViewerProfile.nome}</div>
                        <div class="gg-reels-footer-meta">${ggViewerProfile.localizacao}</div>
                    </div>
                    <a href="javascript:void(0)" onclick="darLikePerfil(this, ${ggViewerProfile.id}); jQuery(this).text('Seguindo'); event.stopPropagation();" class="gg-reels-footer-seguir  sentinela-5">Seguir</a>
                </footer>
                ` : 
                // Footer Saiba Mais para AD no Reels
                (linkAd ? `
                <footer class="gg-reels-footer" style="background: transparent; border-top: none; justify-content: center;">
                    <button onclick="window.open('${linkAd}', '_blank')" style="width: 90%; background: #2457c5; color: white; border: none; padding: 14px; border-radius: 8px; font-weight: bold; font-size: 16px; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">Saiba Mais</button>
                </footer>
                ` : '')}

                <div class="gg-comments-overlay-bg"></div>
                <div class="gg-comments-panel" id="gg-comments-panel">
                    <div class="gg-comments-header">
                        <div class="gg-comments-drag-handle"></div>
                        <div class="gg-comments-title">Comentários</div>
                    </div>
                    <div class="gg-comments-body" id="gg-comments-body"></div>
                </div>
            </div>
        `;

        $overlay.append(html);

        $overlay.find('.gg-reels-close').on('click', ggFecharTudo);
        
        $overlay.find('[data-action="toggle-mute"]').on('click', function() {
            ggViewerIsMuted = !ggViewerIsMuted;
            $(this).html(ggViewerIsMuted ? ICONS.mute : ICONS.unmute);
            $overlay.find('video').prop('muted', ggViewerIsMuted);
        });
        
        $overlay.find('[data-action="toggle-mute"]').html(ggViewerIsMuted ? ICONS.mute : ICONS.unmute);


        // ======================================================
        // LÓGICA DE PLAY E TRANSIÇÃO (Para a frente e para trás)
        // ======================================================
        
        let transicaoEmAndamento = false;

        function mudarReel(direcao) { 
            if (transicaoEmAndamento) return;
            transicaoEmAndamento = true;
            
            if (ggReelsTimeout) clearTimeout(ggReelsTimeout);
            
            if (typeof ggPlaylistIdsREELS !== 'undefined' && ggPlaylistIdsREELS.length > 0) {
                
                const idAtual = parseInt(ggViewerProfile.id, 10);
                const posicaoAtual = ggPlaylistIdsREELS.indexOf(idAtual);
                let novaPosicao = posicaoAtual + direcao;
                
                if (novaPosicao >= ggPlaylistIdsREELS.length) {
                    novaPosicao = 0;
                } else if (novaPosicao < 0) {
                    novaPosicao = ggPlaylistIdsREELS.length - 1;
                }
                
                let proximoPerfilId = ggPlaylistIdsREELS[novaPosicao];

                window.ggDirecaoReel = direcao;

                if (direcao === 1) {
                    $('#gg-reels-slider').addClass('reel-slide-out');
                } else {
                    $('#gg-reels-slider').addClass('reel-slide-out-reverse');
                }
                
                setTimeout(function() {
                    if (!ggViewerAberto) return;

                    $('#gg-reels-slider video').each(function() { 
                        this.pause(); 
                        this.src = ""; 
                        this.load(); 
                    });
                    
                    window.ggAtivarReelsLocal(proximoPerfilId);
                    
                }, 300);

            } else {
                ggFecharTudo();
            }
        }

        const $media = $overlay.find('.gg-reels-slide-media');
        
        if ($media.length) {
            if ($media.is('video')) {
                const videoEl = $media[0];
                videoEl.muted = ggViewerIsMuted;
                videoEl.currentTime = 0;
                
                let playPromise = videoEl.play();
                if (playPromise !== undefined) {
                    playPromise.catch(error => console.log("Autoplay Reels prevenido"));
                }
                
                $(videoEl).on('ended', function() { mudarReel(1); });
            } else {
                ggReelsTimeout = setTimeout(function() { mudarReel(1); }, 5000);
            }
        }

        let startY = 0;
        
        $overlay.off('touchstart touchend wheel');
        
        $overlay.on('touchstart', function(e) {
            startY = e.originalEvent.touches[0].clientY;
        });
        
        $overlay.on('touchend', function(e) {
            let endY = e.originalEvent.changedTouches[0].clientY;
            let diffY = startY - endY;
            
            if (diffY > 50) {
                mudarReel(1); 
            } else if (diffY < -50) {
                mudarReel(-1); 
            }
        });

        $overlay.on('wheel', function(e) {
            if (e.originalEvent.deltaY > 0) { 
                mudarReel(1); 
            } else if (e.originalEvent.deltaY < 0) {
                mudarReel(-1); 
            }
        });
    }


    function ggMudarSlideStory(dir) {
        $('.gg-viewer-progress-bar-inner').stop();
        const novoIndex = ggViewerCurrentIndex + dir;

        if (novoIndex < 0) return;

        const totalMidiasAtuais = $('#gg-stories-slider .gg-viewer-slide').length;

        if (novoIndex >= totalMidiasAtuais) {
            
            // 2. LÓGICA DE RETORNO DO AD
            // Se o que acabou de rodar foi o AD isolado, puxamos a garota da gaveta e rodamos ela!
            if (ggViewerProfile.is_ad && window.ggPerfilRealPendente) {
                console.log("[VIEWER] AD finalizado. Carregando o Perfil Real na sequência.");
                
                ggViewerMedia = window.ggPerfilRealPendente.media;
                ggViewerProfile = window.ggPerfilRealPendente.profile;
                window.ggPerfilRealPendente = null; // Esvazia a gaveta
                
                if (ggViewerInterval) clearInterval(ggViewerInterval);
                
                $('#gg-stories-slider').fadeOut(200, function() {
                    $(this).empty().show(); 
                    ggRenderizarStories(); // Manda rodar novamente, agora com os dados da garota limpos
                });
                return; // Trava a função aqui
            }

            // --- FLUXO NORMAL (Troca de perfil na Playlist) ---
            if (typeof ggPlaylistIds !== 'undefined' && ggPlaylistIds.length > 0) {
                const posicaoAtualNaPlaylist = ggPlaylistIds.indexOf(ggViewerProfile.id);
                let proximaPosicao = posicaoAtualNaPlaylist + 1;

                if (proximaPosicao >= ggPlaylistIds.length) {
                    proximaPosicao = 0;
                }

                let proximoPerfilId = ggPlaylistIds[proximaPosicao];
                console.log("[VIEWER] Fim das mídias. Próximo ID na Playlist:", proximoPerfilId);

                if (ggViewerInterval) clearInterval(ggViewerInterval);
                
                $('#gg-stories-slider').fadeOut(200, function() {
                    $(this).empty().show(); 
                    window.ggAtivarStoriesLocal(proximoPerfilId); 
                });
            } else {
                ggFecharTudo();
            }
            return;
        }

        // Navegação interna normal de foto para foto...
        ggViewerCurrentIndex = novoIndex;
        $('#gg-stories-slider').css('transform', `translateX(-${ggViewerCurrentIndex * 100}%)`);
        
        $('.gg-viewer-progress-bar-inner').each(function(i) {
            if (i < ggViewerCurrentIndex) $(this).css('width', '100%');
            if (i > ggViewerCurrentIndex) $(this).css('width', '0%');
        });

        ggTocarStoryAtual();
    }

    function ggTocarStoryAtual() {
        if (ggViewerInterval) clearInterval(ggViewerInterval);
        
        // Pausa todos os vídeos invisíveis
        $('video').each(function() { this.pause(); this.currentTime = 0; });

        const $slide = $('#gg-stories-slider .gg-viewer-slide').eq(ggViewerCurrentIndex);
        const $media = $slide.find('video, img');
        const $bar = $(`#prog-${ggViewerCurrentIndex}`);
        
        $bar.stop(true, true).css('width', '0%');

        // =========================================================
        // MÁGICA AQUI: Oculta Sidebar/Header se o slide atual for AD
        // =========================================================
        if (ggViewerMedia[ggViewerCurrentIndex] && ggViewerMedia[ggViewerCurrentIndex].is_ad) {
            $('.gg-ui-organica').css({ opacity: 0, visibility: 'hidden' });
        } else {
            $('.gg-ui-organica').css({ opacity: 1, visibility: 'visible' });
        }
        // =========================================================

        if ($media.is('video')) {
            const vid = $media[0];
            vid.muted = ggViewerIsMuted;
            vid.play().catch(e => console.warn(e));
            
            ggViewerInterval = setInterval(() => {
                if (vid.duration) {
                    const pct = (vid.currentTime / vid.duration) * 100;
                    $bar.css('width', pct + '%');
                    if (pct >= 99) { 
                        clearInterval(ggViewerInterval);
                        ggMudarSlideStory(1);
                    }
                }
            }, 100);
            
            $(vid).off('ended').on('ended', () => {
                clearInterval(ggViewerInterval);
                ggMudarSlideStory(1);
            });

        } else {
            // Animação de imagem
            $bar.animate({ width: '100%' }, 5000, 'linear', function() {
                const barIndex = parseInt($(this).attr('id').split('-')[1]);
                if (barIndex === ggViewerCurrentIndex) {
                    ggMudarSlideStory(1);
                }
            });
            
            // Backup Timer
            ggViewerInterval = setTimeout(() => {
                 if(parseInt($bar.attr('id').split('-')[1]) === ggViewerCurrentIndex){
                     ggMudarSlideStory(1);
                 }
            }, 5100);
        }
    }

    // ======================================================
    //    5. FUNÇÕES GERAIS
    // ======================================================

    function ggFecharTudo() {

        ggViewerAberto = false; // <--- CORTA A ENERGIA DE TUDO
        window.ggPerfilRealPendente = null;
        console.log("[VIEWER] Fechando.");
        $('.gg-reels-overlay, #gg-viewer-overlay').removeClass('gg-reels-visible gg-viewer-visible');
        
        if (ggViewerInterval) clearInterval(ggViewerInterval);
        if (ggReelsTimeout) clearTimeout(ggReelsTimeout); // <-- CORREÇÃO AQUI
        if (ggReels_Observer) ggReels_Observer.disconnect();
        
        // Para vídeos e reseta source para economizar memória
        $('video').each(function() {
            this.pause();
            this.src = ""; 
            this.load();
        });
        
        // Limpa containers
        $('.gg-reels-container, .gg-viewer-container').remove();

        jQuery("html").css("overflow-y","auto");
        jQuery("body").css("overflow-y","auto");
        jQuery("#menuFixoMobile").css("bottom","0px");
    }

    // ======================================================
    //    FIX SCROLL SUAVE (Para o botão "Ver Ensaio")
    // ======================================================
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                target.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        });
    });

    // ======================================================
    //    CONTROLE DOS COMENTÁRIOS
    // ======================================================
    // 1. Função para abrir comentários
    window.ggAbrirComentarios = function(perfilID) {
        const $panel = $('#gg-comments-panel');
        const $body = $('#gg-comments-body');
        const $overlay = $('.gg-comments-overlay-bg');

        $overlay.fadeIn();
        $panel.addClass('open');
        $body.html('<div style="padding:20px; text-align:center;"><div class="gg-viewer-spinner" style="width:20px; height:20px; margin:0 auto;"></div></div>');

        $.ajax({
            url: ggAjaxUrl,
            type: 'POST',
            dataType: 'json',
            data: {
                action: 'harmonics_app_perfil', // Seu hub de funções
                identificador: 'gg_carregar_comentarios_viewer',
                dados: JSON.stringify({ id_perfil: perfilID })
            },
            success: function(res) {
                console.log("Retorno dos comentários:");
                console.log(res);
                if(res.html.success) {
                    
                    $body.html(res.html.html);
                    //$body.append(res.html.html);
                    $('.gg-comments-title').text(`Avaliações (${res.html.count})`);
                }
            }
        });
    };

    // 2. Função para fechar
    window.ggFecharComentarios = function() {
        $('#gg-comments-panel').removeClass('open');
        $('.gg-comments-overlay-bg').fadeOut();
    };

    // 4. Eventos de fechar (Clique fora ou Swipe simulado)
    $(document).on('click', '.gg-comments-overlay-bg, .gg-comments-drag-handle', function() {
        ggFecharComentarios();
    });

    // Suporte a swipe para baixo básico
    let touchStart = 0;
    $(document).on('touchstart', '#gg-comments-panel', function(e) {
        touchStart = e.originalEvent.touches[0].clientY;
    });
    $(document).on('touchend', '#gg-comments-panel', function(e) {
        let touchEnd = e.originalEvent.changedTouches[0].clientY;
        if (touchEnd - touchStart > 50) { // Swipe para baixo
            ggFecharComentarios();
        }
    });
 
});


// ======================================================
//    LIKE
// ======================================================
window.darLikePerfilBackupJunho26 = function(seletor, post_id) {
    const $btn = jQuery(seletor);
    const $countSpan = $btn.find('.gg-like-count');
    const spanText = $countSpan.text(); // Guarda o número atual para não perder
    
    // 1. Verifica no localStorage
    let likesDados = JSON.parse(localStorage.getItem('gg_likes_locais') || '{}');
    const jaDeuLike = !!likesDados[post_id];
    const operacao = jaDeuLike ? 'remove' : 'add';

    // SVG original de descurtir
    const iconeOriginal = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>';
    
    // Novo ícone do Font Awesome com a classe de animação
    const iconeLikeAnimado = '<i class="fa fa-heart heart-pop-anim" aria-hidden="true"></i>';

    // 2. Troca o Ícone e o Span instantaneamente
    if (operacao === 'add') {
        $btn.html(iconeLikeAnimado + '<span class="gg-like-count">' + spanText + '</span>');
        likesDados[post_id] = true;
    } else {
        $btn.html(iconeOriginal + '<span class="gg-like-count">' + spanText + '</span>');
        delete likesDados[post_id];
    }
    
    // Salva estado
    localStorage.setItem('gg_likes_locais', JSON.stringify(likesDados));

    // 3. Atualiza o banco via AJAX
    jQuery.ajax({
        url: 'https://gatasgyn.com/wp-admin/admin-ajax.php', // ou ggAjaxUrl dependendo de onde a função está
        type: 'POST',
        data: {
            action: 'harmonics_app_perfil',
            identificador: 'gg_toggle_like_perfil',
            dados: JSON.stringify({ post_id: post_id, operacao: operacao })
        },
        success: function(res) {
            const response = (typeof res.html === 'object') ? res.html : JSON.parse(res.html);
            if (response.success) {
                // Seleciona novamente o span (pois ele foi recriado no passo 2) e atualiza o número real
                $btn.find('.gg-like-count').text(response.new_count);
            }
        }
    });
};


// Variáveis globais para controlar o envio em lote
let ggLikeTimers = {}; 
let ggLikesAcumulados = {};

window.darLikePerfil = function(seletor, post_id) {

    console.log('Iniciando'); 

    const $btn = jQuery(seletor);
    const $countSpan = $btn.find('span');
    let currentCount = parseInt($countSpan.text()) || 0; 
    
    const iconeLikeCheio = '<i class="fa fa-heart heart-pop-anim" aria-hidden="true" style="color: #e53e3e;"></i>';

    // 1. Atualiza visualmente na HORA (Soma +1 visual)
    currentCount += 1; 
    $btn.html(iconeLikeCheio + '<span class="sub-fragmento-reels-2-1">' + currentCount + '</span>');
    
    // 2. Acumula os cliques na variável global
    if (!ggLikesAcumulados[post_id]) {
        ggLikesAcumulados[post_id] = 0;
    }
    ggLikesAcumulados[post_id] += 1;

    // 3. Cancela o envio anterior (se houver) para este post
    if (ggLikeTimers[post_id]) {
        clearTimeout(ggLikeTimers[post_id]);
    }

    // 4. Cria um timer novo: só envia ao servidor se ele parar de clicar por 800ms
    ggLikeTimers[post_id] = setTimeout(function() {
        
        // Pega quantos likes ele deu nessa "metralhada" e zera o contador local
        let likesParaEnviar = ggLikesAcumulados[post_id];
        ggLikesAcumulados[post_id] = 0; 

        console.log('Enviando...');

        // Só envia se tiver algo acumulado
        if (likesParaEnviar > 0) {
            jQuery.ajax({
                url: 'https://gatasgyn.com/wp-admin/admin-ajax.php', 
                type: 'POST',
                data: {
                    action: 'gg_toggle_post_like', 
                    post_id: post_id, 
                    operacao: 'add',
                    quantidade: likesParaEnviar // ENVIAMOS A QUANTIDADE AGORA
                },
                success: function(res) {
                    // Opcional: Se quiser sincronizar o visual para ter certeza do número final
                    // if (res.success && res.data && res.data.new_count !== undefined) {
                    //     $btn.find('span').text(res.data.new_count);
                    // }
                    console.log("Enviado e terminado...");
                },
                error: function(err) {
                    console.warn('[LIKE] Erro na comunicação AJAX.', err);
                }
            });
        }
    }, 800); // Aguarda 800 milissegundos sem clique para enviar
};


</script>
<!-- STORIES STORIES STORIES --> 


<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/sweetalert2.min.js"></script>
   
<script type="text/javascript" src="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/js/wow.min.js"></script>
<script>
      new WOW().init();


      function abrirModalTermosCliente() {
            document.getElementById('modal-termos-overlay-cliente').classList.add('active');
        }
        function fecharModalTermosCliente() {
            document.getElementById('modal-termos-overlay-cliente').classList.remove('active');
        }


        // Authentication Modal Functions
        function openAuthModal(form = 'login',acao3=3) {

            // Fechar o menu lateral
            if(acao3==3){
                abrirFecharDrawer();
            }
            

            document.getElementById('authModal').classList.add('active');
            document.body.style.overflow = 'hidden';
            
            // Hide all forms
            document.querySelectorAll('.tik-modais-auth-form').forEach(form => {
                form.classList.remove('active');
            });
            
            // Show requested form
            document.getElementById(form + 'Form').classList.add('active');
        }

        function closeAuthModal() {
            document.getElementById('authModal').classList.remove('active');
            document.body.style.overflow = 'auto';
            jQuery("#fieldsTipo").show();
            jQuery("#fieldsReais").hide(500);
        }

        function showLoginForm() {
            document.querySelectorAll('.tik-modais-auth-form').forEach(form => {
                form.classList.remove('active');
            });
            document.getElementById('loginForm').classList.add('active');

            jQuery("#fieldsTipo").show();
            jQuery("#fieldsReais").hide(500);
        }

        function showRegisterForm() {
            document.querySelectorAll('.tik-modais-auth-form').forEach(form => {
                form.classList.remove('active');
            });
            document.getElementById('registerForm').classList.add('active');
            jQuery("#fieldsTipo").show();
            jQuery("#fieldsReais").hide(500);
        }

        function showResetForm() {
            document.querySelectorAll('.tik-modais-auth-form').forEach(form => {
                form.classList.remove('active');
            });
            document.getElementById('resetForm').classList.add('active');
            jQuery("#fieldsTipo").show();
            jQuery("#fieldsReais").hide(500);
        }

        /* Variável global do Ajax do WP (garantindo que exista) */
const wpAjaxUrl = 'https://gatasgyn.com/wp-admin/admin-ajax.php'; 

function performLogin(event) {
    // Evita reload padrão se estiver dentro de um form
    if(event) event.preventDefault();

    const btn = event.target; // ou event.currentTarget se houver ícone dentro do botão
    
    // Pega os valores dos inputs (Ajuste os IDs conforme seu HTML real)
    const emailInput = document.getElementById('login_email').value;
    const passInput = document.getElementById('login_password').value;

    btn.textContent = 'Entrando...';
    btn.disabled = true;

    // Prepara dados para envio
    const formData = new FormData();
    formData.append('action', 'harmonics_login');
    formData.append('username', emailInput);
    formData.append('password', passInput);

    fetch(wpAjaxUrl, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // Sucesso: Redireciona para a URL calculada pelo PHP
            window.location.href = data.data.redirect_url;
        } else {
            // Erro: Recarrega a página com parâmetro GET de erro
            window.location.href = window.location.pathname + '?login_error=invalid_credentials';
        }
    })
    .catch(err => {
        console.error(err);
        // Em caso de erro de rede, também recarrega com erro
        window.location.href = window.location.pathname + '?login_error=network_error';
    });
}


// Variáveis de Estado Global
let isEmailValidado = false;
let isWhatsappValidado = false;

// 1. Alternar visualização da senha
function togglePasswordVisibility(inputId, iconElement) {
    const input = document.getElementById(inputId);
    if (input.type === "password") {
        input.type = "text";
        iconElement.textContent = "🙈"; 
    } else {
        input.type = "password";
        iconElement.textContent = "👁️";
    }
}

// 2. Máscara de WhatsApp (Dispara no evento 'input')
document.getElementById('reg_whatsapp').addEventListener('input', function (e) {
    let x = e.target.value.replace(/\D/g, '').match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
    e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');
});

// 3. Checar status para liberar botão de cadastro
function checkFormReady() {
    const btnCadastrar = document.getElementById('btn_cadastrar_final');
    if (isEmailValidado && isWhatsappValidado) {
        btnCadastrar.disabled = false;
        btnCadastrar.style.opacity = '1';
        btnCadastrar.style.cursor = 'pointer';
    } else {
        btnCadastrar.disabled = true;
        btnCadastrar.style.opacity = '0.5';
        btnCadastrar.style.cursor = 'not-allowed';
    }
}

function editarCampo(tipo) {
    const inputField = document.getElementById('reg_' + tipo);
    const btnValidar = document.getElementById('btn_validar_' + tipo);
    const btnEditar = document.getElementById('btn_editar_' + tipo);
    const feedback = document.getElementById('msg_feedback_' + tipo);
    const otpContainer = document.getElementById('otp_container_' + tipo);
    const otpInput = document.getElementById('otp_' + tipo);

    // Destrava o input
    inputField.readOnly = false;
    inputField.style.opacity = '1';
    inputField.focus();

    // Oculta OTP, o botão de edição e limpa o que foi digitado no código
    otpContainer.style.display = 'none';
    otpInput.value = '';
    btnEditar.style.display = 'none';
    
    // Restaura o botão Validar
    btnValidar.style.display = 'inline-block';
    btnValidar.textContent = 'Validar';
    btnValidar.disabled = false;

    // Limpa o feedback visual
    feedback.textContent = '';
    feedback.className = 'msg-feedback';

    // Reseta o estado global de validação
    if (tipo === 'email') isEmailValidado = false;
    if (tipo === 'whatsapp') isWhatsappValidado = false;

    // Re-avalia o botão de cadastro final (irá bloqueá-lo)
    checkFormReady();
}


// 4. Iniciar Validação (Checa duplicidade e envia OTP)
function iniciarValidacao(tipo) {
    const inputField = document.getElementById('reg_' + tipo);
    const btnValidar = document.getElementById('btn_validar_' + tipo);
    const feedback = document.getElementById('msg_feedback_' + tipo);
    const otpContainer = document.getElementById('otp_container_' + tipo);
    
    const valor = inputField.value.trim();

    if (!valor || (tipo === 'whatsapp' && valor.length < 14)) {
        feedback.className = 'msg-feedback error';
        feedback.textContent = 'Preencha os campos corretamente.';
        return;
    }

    btnValidar.textContent = 'Processando...';
    btnValidar.disabled = true;

    // Etapa 1: Checar Disponibilidade (Sem duplicidade)
    jQuery.post(dioCompAjaxUrl, {
        action: 'verificar_disponibilidade_dados',
        tipo: tipo === 'whatsapp' ? 'whatsapp' : 'email',
        valor: valor
    }, function(resDisp) {
        if (!resDisp.success) {
            feedback.className = 'msg-feedback error';
            feedback.textContent = resDisp.data.message;
            btnValidar.textContent = 'Validar';
            btnValidar.disabled = false;
            return;
        }

        // Etapa 2: Se está disponível, Envia o OTP
        btnValidar.textContent = 'Enviando Código...';
        jQuery.post(dioCompAjaxUrl, {
            action: 'enviar_validacao_campo',
            tipo_dado: tipo,
            valor: valor,
            metodo: 'codigo', // Força o envio do código de 6 dígitos
            nome: document.getElementById('reg_nome').value || 'Novo Usuário'
        }, function(resEnvio) {
            if (resEnvio.success) {
                feedback.className = 'msg-feedback success';
                feedback.textContent = 'Código enviado! Verifique seu ' + tipo + '.';
                btnValidar.textContent = 'Reenviar';
                btnValidar.disabled = false;
                
                // Trava o input para não mudar o valor enquanto valida
                inputField.readOnly = true;
                inputField.style.opacity = '0.7';

                // >>> ADICIONE ESTA LINHA: Mostra o botão de editar
                document.getElementById('btn_editar_' + tipo).style.display = 'inline-block';
                
                // Mostra o container do OTP
                otpContainer.style.display = 'flex';
            } else {
                feedback.className = 'msg-feedback error';
                feedback.textContent = 'Erro ao enviar: ' + (resEnvio.data ? resEnvio.data.message : 'Falha desconhecida');
                btnValidar.textContent = 'Tentar Novamente';
                btnValidar.disabled = false;
            }
        });
    });
}

// 5. Confirmar OTP
function confirmarOTP(tipo) {
    const inputValor = document.getElementById('reg_' + tipo).value.trim();
    const inputOTP = document.getElementById('otp_' + tipo);
    const btnConfirmar = document.getElementById('btn_confirmar_' + tipo);
    const feedback = document.getElementById('msg_feedback_' + tipo);
    
    if (inputOTP.value.length < 6) {
        feedback.className = 'msg-feedback error';
        feedback.textContent = 'Digite o código de 6 dígitos.';
        return;
    }

    btnConfirmar.textContent = '...';
    btnConfirmar.disabled = true;

    jQuery.post(dioCompAjaxUrl, {
        action: 'validar_codigo_otp',
        valor: inputValor,
        codigo: inputOTP.value
    }, function(res) {
        if (res.success) {
            feedback.className = 'msg-feedback success';
            feedback.textContent = '✓ ' + tipo.toUpperCase() + ' Validado com sucesso!';
            
            // Esconde a área de OTP e desativa botão Validar
            document.getElementById('otp_container_' + tipo).style.display = 'none';
            document.getElementById('btn_validar_' + tipo).style.display = 'none';

            // >>> GARANTE QUE O BOTÃO DE EDITAR FIQUE VISÍVEL CASO ELE QUEIRA TROCAR MESMO DEPOIS DE VALIDADO
            document.getElementById('btn_editar_' + tipo).style.display = 'inline-block';
            
            // Marca variável global como true e checa o form
            if (tipo === 'email') isEmailValidado = true;
            if (tipo === 'whatsapp') isWhatsappValidado = true;
            
            checkFormReady();
        } else {
            feedback.className = 'msg-feedback error';
            feedback.textContent = '❌ ' + (res.data ? res.data.message : 'Código incorreto.');
            btnConfirmar.textContent = 'Confirmar';
            btnConfirmar.disabled = false;
        }
    });
}


function performRegister(event) {
    if(event) event.preventDefault();

    const btn = event.target;
    const termsCheckbox = document.getElementById('termsCheckbox');

    /*
    if (!termsCheckbox.classList.contains('checked') && !termsCheckbox.checked) {
        alert('Você deve aceitar os Termos de Serviço para continuar.');
        return;
    }
        */

    // Trava de segurança extra
    if (!isEmailValidado || !isWhatsappValidado) {
        alert('Valide seu e-mail e WhatsApp antes de continuar.');
        return;
    }

    const nomeInput = document.getElementById('reg_nome').value;
    const emailInput = document.getElementById('reg_email').value;
    const passInput = document.getElementById('reg_password').value;
    // Pega o whatsApp limpo (só os números) antes de mandar pro server
    const whatsAppInput = document.getElementById('reg_whatsapp').value.replace(/\D/g, '');

    btn.textContent = 'Finalizando Cadastro...';
    btn.disabled = true;

    const formData = new FormData();
    formData.append('action', 'harmonics_register');
    formData.append('nome', nomeInput);
    formData.append('email', emailInput);
    formData.append('password', passInput);
    formData.append('whatsapp', whatsAppInput);

    fetch(dioCompAjaxUrl, { // Certifique-se de usar dioCompAjaxUrl aqui no JS do admin/front conectado
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            window.location.href = data.data.redirect_url;
        } else {
            const code = data.data ? data.data.code : 'unknown';
            window.location.href = window.location.pathname + '?register_error=' + code;
        }
    })
    .catch(err => {
        console.error(err);
        window.location.href = window.location.pathname + '?register_error=network_error';
    });
}


       function performReset(event) {
    if(event) event.preventDefault();

    // Ajuste o ID 'reset_email' para o ID real do seu input HTML
    const inputEmail = document.getElementById('reset_email');
    const emailVal = inputEmail ? inputEmail.value.trim() : '';

    if (!emailVal) {
        alert('Por favor, informe seu e-mail para recuperar a senha.');
        return;
    }

    const btn = event.target;
    const originalText = btn.textContent;
    btn.textContent = 'Enviando...';
    btn.disabled = true;

    const formData = new FormData();
    formData.append('action', 'harmonics_reset_password');
    formData.append('user_login', emailVal);

    // Use ajaxurl ou wpAjaxUrl dependendo de como sua variável global está definida no front
    fetch(wpAjaxUrl, { 
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert('Uma nova senha foi gerada e enviada para o seu e-mail!');
            if (typeof showLoginForm === 'function') showLoginForm();
            if (inputEmail) inputEmail.value = '';
        } else {
            const errorMsg = data.data && data.data.message ? data.data.message : 'Erro ao redefinir a senha.';
            alert(errorMsg);
        }
    })
    .catch(err => {
        console.error(err);
        alert('Erro de conexão com o servidor. Tente novamente.');
    })
    .finally(() => {
        btn.textContent = originalText;
        btn.disabled = false;
    });
}

        // Auth modal checkbox functionality
        document.querySelectorAll('.tik-modais-auth-checkbox').forEach(checkbox => {
            checkbox.addEventListener('click', () => {
                checkbox.classList.toggle('checked');
            });
        });

        // Close auth modal on outside click
        document.getElementById('authModal').addEventListener('click', (e) => {
            if (e.target.id === 'authModal') {
                closeAuthModal();
            }
        });

        // Close modals with ESC key
        document.addEventListener('keydown', (e) => {
            if (e.key === 'Escape') {
                closePaymentModal();
                closeAuthModal();
            }
        });

        // JavaScript para gerenciar o conteúdo oculto da seção SEO
        document.addEventListener('DOMContentLoaded', function() {
            // Encontra a seção SEO existente
            const seoSection = document.querySelector('.seo-section.seo-section-oculta');
            
            if (seoSection) {
                // 1. Envolve a seção em um wrapper para controlar a altura
                const wrapper = document.createElement('div');
                wrapper.className = 'conteudo-oculto-seo-wrapper';
                
                // Coloca o wrapper ao redor da seção SEO (sem alterar a estrutura interna)
                seoSection.parentNode.insertBefore(wrapper, seoSection);
                wrapper.appendChild(seoSection);
                
                // 2. Adiciona o overlay de degradê
                const overlay = document.createElement('div');
                overlay.className = 'conteudo-oculto-seo-overlay';
                wrapper.appendChild(overlay);
                
                // 3. Adiciona o container do botão
                const btnContainer = document.createElement('div');
                btnContainer.className = 'conteudo-oculto-seo-btn-container';
                wrapper.appendChild(btnContainer);
                
                // 4. Adiciona o botão "Ver mais"
                const btn = document.createElement('button');
                btn.className = 'conteudo-oculto-seo-btn';
                btn.innerHTML = 'Ver mais <i class="fa fa-angle-down"></i>';
                btnContainer.appendChild(btn);
                
                // 5. Adiciona a funcionalidade de expandir/recolher
                btn.addEventListener('click', function() {
                    wrapper.classList.toggle('expandido');
                    overlay.classList.toggle('escondido');
                    
                    if (wrapper.classList.contains('expandido')) {
                        btn.innerHTML = 'Ver menos <i class="fa fa-angle-up"></i>';
                        btn.classList.add('expandido');
                    } else {
                        btn.innerHTML = 'Ver mais <i class="fa fa-angle-down"></i>';
                        btn.classList.remove('expandido');
                        
                        // Rolagem suave para o topo da seção quando recolher
                        wrapper.scrollIntoView({ behavior: 'smooth' });
                    }
                });
            }
        });


        // STORIES DIOGENES
        function StoriesSlider(config) {
            this.containerName = config.container;
            this.containerEl = document.querySelector(this.containerName);
            this.slides = null;
        
            this.itemOffsetSide = config.itemOffsetSide || 0;
            this.itemLeftOffset = config.itemLeftOffset === 'undefined' ? this.itemOffsetSide : config.itemLeftOffset;
            this.itemRightOffset = config.itemRightOffset === 'undefined' ? this.itemOffsetSide : config.itemRightOffset;
            this.minDragDistance = config.minDragDistance === 'undefined' ? 40 : config.minDragDistance;
            this.inertionCoef = config.inertionCoef || 0.92;
        
            this.useSelfController = config.useIsideController ?
            config.useIsideController :
            !isNaN(+config.useIsideController) ?
            config.useIsideController :
            null;
            this.dataAttributeName = config.dataAttrName ? config.dataAttrName : 'data-sts';
            this.dataAttributeValue = config.dataAttrValue ? config.dataAttrValue : 'stories-slider';
        
            this.slidesWrapper = null;
            this.childrenArray = null;
        
            this.referencePoint = 0;
            this.isDrag = false;
            this.offset = 0;
            this.offsetForAnimation = 0;
            this.tran = 0;
            this.pos = 0;
            this.diff = 0.5;
        
            this.diffBetweenContainerAndSlidesWrapper = null;
        
            this.isClickPrevent = false;
        
            this.dir = 1; // -1 --- left, 1 --- right;
        
            this.leftPosition = 0;
        
            this.isBorder = false;
        
            this.isGateOpen = false;
        
            this.canInteract = true;
        
            this.setRAF = this.setRAF.bind(this);
        
            this.moveLeft = this.moveLeft.bind(this);
        
            this.moveRight = this.moveRight.bind(this);
        
            this._watcher = this.deb(this.watcher, this, 1000);
        
            this._updater = this.positionUpdaterForClick.bind(this);
        
            this._ls = function () {};
            this._rs = function () {};
            this._md = function () {};
        
        
            this.init();
        }
        
        StoriesSlider.prototype.getInteractPossibility = function () {
            return this.canInteract;
        };
        
        StoriesSlider.prototype.watcher = function () {
            this.setDiffBetweenContainerAndSlidesWrapper();
        };
        
        StoriesSlider.prototype.positionUpdaterForClick = function (fn) {
            if (this.isGateOpen) {
            this.offset += this.dir * 5;
            fn.call(this);
            } else {
            return false;
            }
        };
        
        StoriesSlider.prototype.deb = function (fn, ctx, d) {
            var t = true;
            return function () {
            if (t) {
                t = false;
                setTimeout(function () {
                fn.call(ctx);
                t = true;
                }, d);
            } else {
                return false;
            }
            };
        };
        
        StoriesSlider.prototype.init = function () {
            this.childrenArray = this.leadToArray(this.getSlides());
            var wrap = this.createSlidesWrapper();
            var sizes = this.getFullSizesOfSliderLine(this.childrenArray);
            this.setSizesOnSlidesWrapper(sizes);
            this.setSlidesOnSlidesWrapper(wrap, this.childrenArray);
            this.setWrapperOnContainer(this.slidesWrapper);
            this.setDiffBetweenContainerAndSlidesWrapper();
            this.setRAF();
            if (this.useSelfController) {
            this.controller();
            }
        };
        
        StoriesSlider.prototype.getSlides = function () {
            return this.containerEl.children;
        };
        
        StoriesSlider.prototype.isChildren = function () {
            return this.containerEl.childNodes.length !== 0;
        };
        
        StoriesSlider.prototype.leadToArray = function (slides) {
            return Array.prototype.slice.call(slides);
        };
        
        StoriesSlider.prototype.getContainerPaddings = function () {
            var _styles = this.containerEl.currentStyle || window.getComputedStyle(this.containerEl);
            return {
            pl: _styles['padding-left'],
            pt: _styles['padding-top'],
            pr: _styles['padding-right'],
            pb: _styles['padding-bottom'] };
        
        };
        
        
        StoriesSlider.prototype.getFullSizesOfSliderLine = function (slides) {
            var sizes = { w: 0, h: 0 };
            var pad = this.getContainerPaddings();
            var _pl, _pr;
            for (var i = 0, len = slides.length; i < len; i++) {
            sizes.w += slides[i].offsetWidth;
            sizes.h = Math.max(sizes.h, slides[i].offsetHeight);
            var ml = null;
            var mr = null;

            //this.itemOffsetSide = this.itemOffsetSide + 5;
            //this.itemRightOffset = this.itemRightOffset + 5;

            if (i === 0) {
                _pl = parseInt(pad.pl, 10);

            
                ml = this.itemLeftOffset + _pl + 'px';
                mr = this.itemOffsetSide + 'px';
            } else if (i !== 0 && i !== len - 1) {

            
                ml = this.itemOffsetSide + 'px';
                mr = this.itemOffsetSide + 'px';
            } else {
                _pr = parseInt(pad.pr, 10);

                
                ml = this.itemOffsetSide + 'px';
                mr = this.itemRightOffset + _pr + 'px';
            }
            slides[i].style.marginLeft = ml;
            slides[i].style.marginRight = mr;
            }
            sizes.w += this.getSideOffsetCorrection(slides.length) + _pr + _pl;
            sizes.topMargin = parseInt(pad.pt, 10);
            sizes.bottomMargin = parseInt(pad.pb, 10);
            return sizes;
        };
        
        StoriesSlider.prototype.getSideOffsetCorrection = function (amount) {
            return this.itemOffsetSide * 2 * (amount - 1) + this.itemLeftOffset + this.itemRightOffset;
        };
        
        
        StoriesSlider.prototype.createSlidesWrapper = function () {
            this.slidesWrapper = document.createElement('div');
            this.slidesWrapper.className = 'sts-wrapper';
            this.slidesWrapper.setAttribute(this.dataAttributeName, this.dataAttributeValue);
            var self = this;
            return function (elements) {
            elements.forEach(function (el) {
                self.slidesWrapper.appendChild(el);
            });
            };
        };
        
        StoriesSlider.prototype.setSizesOnSlidesWrapper = function (sizes) {
            this.slidesWrapper.style.width = sizes.w + 'px';
            this.slidesWrapper.style.height = sizes.h + 'px';
            this.slidesWrapper.style.marginTop = sizes.topMargin + 'px';
            this.slidesWrapper.style.marginBottom = sizes.bottomMargin + 'px';
            this.containerEl.style.height = sizes.h + sizes.topMargin + sizes.bottomMargin + 'px';
        };
        
        StoriesSlider.prototype.setSlidesOnSlidesWrapper = function (wrapperSeter, slides) {
            wrapperSeter(slides);
        };
        
        StoriesSlider.prototype.setWrapperOnContainer = function (wrap) {
            this.containerEl.appendChild(wrap);
        };
        
        StoriesSlider.prototype.setDiffBetweenContainerAndSlidesWrapper = function () {
            this.diffBetweenContainerAndSlidesWrapper = this.containerEl.clientWidth - this.slidesWrapper.clientWidth;
        };
        
        StoriesSlider.prototype.checkBorder = function (fn) {
            if (this.isBorder) {
            return false;
            } else {
            fn.call(this);
            this.isBorder = true;
            }
        };
        StoriesSlider.prototype.getLeftPosition = function () {
            return this.slidesWrapper.getBoundingClientRect().left - this.containerEl.getBoundingClientRect().left;
        };
        
        StoriesSlider.prototype.setRAF = function () {
        
            this._watcher();
        
            this._updater(function () {
            this.offsetForAnimation = Math.abs(this.offset) <= this.minDragDistance ? this.offset : this.offset / 25;
            this.pos = this.tran + parseInt(this.offset.toFixed(3), 10);
            });
        
            this.leftPosition = this.getLeftPosition();
        
            this.dir = this.offset >= 0 ? 1 : -1;
        
        
            if (!this.isDrag && this.tran !== 0) {
            this.tran += this.offsetForAnimation *= this.inertionCoef;
            this.pos = this.tran;
            }
        
            if (this.leftPosition >= 0 && this.diffBetweenContainerAndSlidesWrapper < 0) {
            if (!!this._ls) {
                this.isBorder = false;
            } else {
                this.isBorder = true;
            }
            this.checkBorder(function () {
                this._ls();
            });
            }
        
            if (this.leftPosition > 0 && this.dir > 0) {
            this.isBorder = false;
            this.isGateOpen = false;
            this.isDrag = false;
            this.tran = 0;
            this.pos = 0;
            this.offset = 0;
            this.offsetForAnimation = 0;
            this.checkBorder(function () {
                this._ls();
            });
            }if (this.diffBetweenContainerAndSlidesWrapper >= this.leftPosition && this.dir < 0) {
            this.isBorder = false;
            this.isGateOpen = false;
            this.isDrag = false;
            this.tran = this.leftPosition;
            this.pos = this.leftPosition;
            this.offset = 0;
            this.offsetForAnimation = 0;
            this.checkBorder(function () {
                this._rs();
            });
            }if (this.diffBetweenContainerAndSlidesWrapper < this.leftPosition && this.leftPosition < 0) {
            this.checkBorder(function () {
                this._md();
            });
            }
            this.moveContainer(this.pos);
            requestAnimationFrame(this.setRAF);
        };
        
        StoriesSlider.prototype.isLeftSide = function (callback) {
            this._ls = callback;
        };
        
        StoriesSlider.prototype.isRightSide = function (callback) {
            this._rs = callback;
        };
        
        StoriesSlider.prototype.isMedium = function (callback) {
            this._md = callback;
        };
        
        StoriesSlider.prototype.moveContainer = function (offset) {
            this.slidesWrapper.style.transform = 'translate3d(' + offset + 'px, 0, 0)';
        };
        
        StoriesSlider.prototype.getEvent = function (e) {
            return !!e.targetTouches ? e.targetTouches[0].clientX : e.clientX;
        };
        
        StoriesSlider.prototype.down = function (e) {
            if (this.isClickPrevent) {
            e.preventDefault();
            e.stopPropagation();
            }
            this.canInteract = true;
            this.isDrag = true;
            this.referencePoint = this.getEvent(e);
        };
        
        StoriesSlider.prototype.up = function (e) {
            this.isClickPrevent = false;
            //e.preventDefault();
            //e.stopPropagation();
            this.isDrag = false;
            this.tran = this.pos;
        };
        
        StoriesSlider.prototype.move = function (e) {
            this.isClickPrevent = true;
            e.preventDefault();
            e.stopPropagation();
            this.canInteract = false;
            this.isBorder = false;
            if (this.isDrag && !this.isGateOpen) {
            this.offset = this.getEvent(e) - this.referencePoint;
            this.offsetForAnimation = Math.abs(this.offset) <= this.minDragDistance ? this.offset : this.offset / 8;
            this.pos = this.tran + parseInt(this.offset.toFixed(3), 10);
            }
        };
        
        StoriesSlider.prototype.setSliderMotion = function (direction) {
            if (this.isGateOpen) {
            return false;
            }
            var self = this;
            this.offset = 0;
            this.isBorder = false;
            this.dir = direction;
            this.isGateOpen = true;
            this.isDrag = true;
            setTimeout(function () {
            self.isGateOpen = false;
            self.isDrag = false;
            self.tran = self.pos;
            }, 500);
        };
        
        StoriesSlider.prototype.moveLeft = function () {
            this.setSliderMotion(1);
        };
        
        StoriesSlider.prototype.moveRight = function () {
            this.setSliderMotion(-1);
        };
        
        StoriesSlider.prototype.controller = function (wrap) {
            var self = this;
        
            this.slidesWrapper.addEventListener('mousedown', function (e) {
            self.down(e);
            });
        
            this.slidesWrapper.addEventListener('mouseup', function (e) {
            self.up(e);
            });
        
            this.slidesWrapper.addEventListener('mousemove', function (e) {
            self.move(e);
            });
        
            this.slidesWrapper.addEventListener('mouseleave', function (e) {
            self.up(e);
            });
            /***************************************************************/
            this.slidesWrapper.addEventListener('touchstart', function (e) {
            self.down(e);
            });
        
            this.slidesWrapper.addEventListener('touchmove', function (e) {
            self.move(e);
            });
        
            this.slidesWrapper.addEventListener('touchend', function (e) {
            self.up(e);
            });
        };
        
        var slider = new StoriesSlider({
            container: '.container-box',
            itemLeftOffset: 5,
            itemRightOffset: 5,
            itemOffsetSide: 5,
            minDragDistance: 5,
            useIsideController: false,
            inertionCoef: 0.93 });
        
        
        var el = $('[data-sts]');
        
        el.on('mousedown touchstart', function (e) {
            slider.down(e);
        });
        el.on('mousemove touchmove', function (e) {
            slider.move(e);
        });
        el.on('mouseup', function (e) {
            slider.up(e);
        });
        el.on('mouseleave touchend', function (e) {
            slider.up(e);
        });
        
        function showButtons() {
            var prev = document.querySelector('.prev');
            var next = document.querySelector('.next');
            return function (type) {
            if (type === 'left') {
                next.classList.add('nav-btn--active');
                prev.classList.remove('nav-btn--active');
            }
            if (type === 'right') {
                next.classList.remove('nav-btn--active');
                prev.classList.add('nav-btn--active');
            }
            if (type === 'medium') {
                next.classList.add('nav-btn--active');
                prev.classList.add('nav-btn--active');
            }
            };
        }
        
        var setActionsState = showButtons();
        
        slider.isLeftSide(function () {
            setActionsState('left');
        });
        
        slider.isRightSide(function () {
            setActionsState('right');
        });
        
        slider.isMedium(function () {
            setActionsState('medium');
        });
        
        var prev = document.querySelector('.prev');
        var next = document.querySelector('.next');
        
        prev.addEventListener('click', function () {
            slider.moveLeft();
        });
        
        next.addEventListener('click', function () {
            slider.moveRight();
        });
        
        //console.log( a ? a : !isNaN(+a) ? a : null );
        
        /*
        $(document).on('click', 'img', function (e) {
            if ($(this).attr('src') && slider.getInteractPossibility()) {
            createLB('photo', $(this).attr('src'));
            }
        });
        
        $(document).on('click', '.ld-lightbox__close, .ld-lightbox', function () {
            $('.ld-lightbox').css({ opacity: 0 });
            setTimeout(function () {
            closeLB();
            }, 300);
        });
        */

        const comments = [
            {
                userName: "Diogenes Junior",
                timePosted: "Just now",
                profilePhoto: "https://media.timeout.com/images/105653190/image.jpg",
                comment: "Um comentário de exemplo, para mostrar como funciona"
            },
            {
                userName: "Diogenes Junior 2",
                timePosted: "3 min atrás",
                profilePhoto:
                    "https://yeezymafia.com/content/images/2019/08/Kanye-West-adidas-Yeezy-Basketball-Shoe-YZY-BSKTBL.png",
                comment: "Ah ta entendi como funcionam os comentários agora"
            },
            {
                userName: "Terceiro teste",
                timePosted: "48 min atrás",
                profilePhoto:
                    "https://pbs.twimg.com/profile_images/634514155261833216/czgYrPLQ.jpg",
                comment: "💘💗💚💕🖤"
            },
            {
                userName: "teste1990",
                timePosted: "2hrs atrás",
                profilePhoto:
                    "https://www.extremecustoms.com/inc.store/images/gallery/2008-gmc-sierra-2500-hd-with-leveling-kit-gear-alloy-big-block-726mb-22x12--44-offset-22-by-12-inch-wide-wheel-toyo-proxes-st-305-40r22-tire-pic4.jpg",
                comment: "Então é assim que funcionam os comentários"
            },
            {
                userName: "its50",
                timePosted: "Agora mesmo",
                profilePhoto:
                    "https://media.npr.org/assets/music/sotd/2009/11/50cent-606653ff4067b3c2488559211d4adddf497a103b-s800-c85.jpg",
                comment: "Quantos comentários posso fazer?"
            },
            {
                userName: "ciciFlores",
                timePosted: "12 mins ago",
                profilePhoto:
                    "https://post.healthline.com/wp-content/uploads/2021/06/1336289-The-10-Best-Self-Help-Books-for-Women-in-2021-732x549-Feature.jpg",
                comment: "WOW love the wheel set up"
            },
            {
                userName: "boldJet",
                timePosted: "1 day ago",
                profilePhoto:
                    "https://worldarchery.sport/sites/default/files/styles/header_desktop/https/photos.smugmug.com/OLYMPIC-GAMES/TOKYO-2020/23-JULY-QUALIFICATION/i-K2L7PfT/0/125fcb9f/X3/X21_7255-X3.jpg?h=2e8ccfe0&itok=fkr_S58k",
                comment: "Nice !!!"
            },
            {
                userName: "nikeHead32",
                timePosted: "3 mins ago",
                profilePhoto:
                    "https://static.nike.com/a/images/f_auto/dpr_3.0/h_500,c_limit/a95ae79b-df88-4b50-86d2-a1c046a81033/nike-air-max-air-max-day-2020.jpg",
                comment: "Omw! 🤐😅"
            },
            {
                userName: "kidCudi",
                timePosted: "Just now",
                profilePhoto:
                    "https://media.pitchfork.com/photos/5dbb9348892ad400095d279c/4:3/w_1912,h_1434,c_limit/Kid-Cudi.jpg",
                comment: "Buyn one tomorrow for my show!"
            },
            {
                userName: "KanyeW213",
                timePosted: "8/13/21",
                profilePhoto:
                    "https://cdn.vox-cdn.com/thumbor/db1ZWaAzB_kNVvTzFFkSGlC7t3k=/1400x1050/filters:format(jpeg)/cdn.vox-cdn.com/uploads/chorus_asset/file/20055434/kanye_west_kid_cudi_kids_see_ghosts_review.jpg",
                comment: "Thats crazy quick."
            },
            {
                userName: "houseOf4382",
                timePosted: "7hrs ago",
                profilePhoto:
                    "https://upload.wikimedia.org/wikipedia/commons/9/9c/House_of_Highlights_logo.png",
                comment: "What model porsche is that"
            },
            {
                userName: "_1995till",
                timePosted: "55 mins ago",
                profilePhoto: "https://pbs.twimg.com/media/Ec08188XgAE-Xux.jpg",
                comment: "🔥🔥"
            },
            {
                userName: "omgGT3_992",
                timePosted: "Just now",
                profilePhoto: "https://i.ytimg.com/vi/cLBVGqeEHLo/maxresdefault.jpg",
                comment: "hahahah twins 😎"
            },
            {
                userName: "F80_WES",
                timePosted: "6 mins ago",
                profilePhoto: "https://solomotorsports.net/wp-content/uploads/DSC_1102-1.jpg",
                comment: "F80 M3 > GT3"
            },
            {
                userName: "codewithWes",
                timePosted: "1 min ago",
                profilePhoto:
                    "https://www.minimaldesksetups.com/wp-content/uploads/2020/09/Featureimage.jpg",
                comment: "Dream car !!!"
            }
        ];


        // Seleciona todos os contêineres de vídeo
        const videoContainers = document.querySelectorAll(".video-container");

        videoContainers.forEach((container) => {
        const video = container.querySelector(".video");
        const duration = container.querySelector(".progress-duration");
        const range = container.querySelector(".progress-range");
        const bar = container.querySelector(".progress-bar");
        const commentsCount = container.querySelector(".comments-head-label");
        const commentsCount2 = container.querySelector(".comments");
        const commentsList = container.querySelector(".comments-list");

        // overlay
        const overlay = container.querySelector(".overlay");
        const closeOvelay = container.querySelector(".howto-close");

        // Comentários
        const commentsIcon = container.querySelector("#comments-icon");
        const commentsContainer = container.querySelector(".comments-container");
        const closeComments = container.querySelector(".comments-head-close");

        // Likes
        const likes = container.querySelector(".likes");
        const likesIcon = container.querySelector("#likes-icon");

        // Som
        const soundToggle = container.querySelector(".ativar-som");

        let likesAmount = "";

        // Pausa o vídeo inicialmente
        if(video && video.querySelector('video')){
            video.pause();
        } 

        function displayTime(time) {
            const mins = Math.floor(time / 60); // divide (time | given) by 60 (mins)
            let seconds = Math.floor(time % 60); // remainder of (time | given) divided by 60
            seconds = seconds <= 9 ? `0${seconds}` : seconds;
            return `${mins}:${seconds}`;
        }

        function updateProgress() {
            bar.style.width = `${(video.currentTime / video.duration) * 100}%`;
            duration.textContent = `${displayTime(video.currentTime)} : ${displayTime(
            video.duration
            )}`;
        }

        function setProgress(e) {
            const time = e.offsetX / range.offsetWidth; // get percentage where clicked and divide by duration
            bar.style.width = `${time * 100}%`;
            video.currentTime = time * video.duration;
        }

        // Comments | Active |
        function activateComments() {
            commentsContainer.classList.add("comments-active");

            if(video && video.querySelector('video')){
                video.pause();
            }
            
            if (video.pause) {
                video.style.cursor = "pointer";
            }
        }

        function deactivateComments() {
            if(video && video.pause && video.querySelector('video')){
                commentsContainer.classList.remove("comments-active");
                video.play();
                video.style.cursor = "default";
            }
        }

        function loadComments() {
            commentsList.innerHTML = "";
            commentsCount.textContent = `${comments.length} comentários`;
            commentsCount2.textContent = `${comments.length}`;
            comments.forEach((comment) => {
            const html = `<div class="comments-item">
                    <span class="comment-top">
                        <span class="comment-top-logo" style="background-image:url(${comment.profilePhoto})"></span>
                        <span class="comment-top-details">
                        <span class="user-name">${comment.userName}</span>
                        <span class="user-time">${comment.timePosted}</span>
                        <span class="user-comment">${comment.comment}</span>
                        </span>
                    </span>
                    </div>`;
            commentsList.insertAdjacentHTML("afterbegin", html);
            });
            likesAmount = Number(likes.dataset.likes);
        }

        function updateLikes() {
            if (likesAmount >= 1000) return;
            likesIcon.src = `https://assets.codepen.io/2629920/heart+%281%29.png`;
            likesAmount = likesAmount + 1;
            likes.textContent = `${likesAmount === 1000 ? "1K" : likesAmount}`;
        }

        // Função para alternar o som do vídeo
        function toggleSound() {
            video.muted = !video.muted;
            soundToggle.style.opacity = video.muted ? "0.50" : "1";
        }


        // Event listeners
        range.addEventListener("click", setProgress);
        video.addEventListener("timeupdate", updateProgress);
        video.addEventListener("canplay", updateProgress);
        commentsIcon.addEventListener("click", activateComments);
        video.addEventListener("click", deactivateComments);
        closeComments.addEventListener("click", deactivateComments);
        likesIcon.addEventListener("click", updateLikes);
        soundToggle.addEventListener("click", toggleSound);

        // Ao clicar em closeOvelay, fecha o overlay e dá play no vídeo
        if(closeOvelay){
            closeOvelay.addEventListener("click", () => {
                overlay.style.display = "none";
                if(video && video.querySelector('video')){
                    video.play();
                }
            });
        }

        // on load
        loadComments();
        });

        // Fechar overlay em todos os contêineres quando qualquer botão "closeOvelay" for clicado
        const closeOvelays = document.querySelectorAll(".howto-close");
        closeOvelays.forEach((button) => {
        button.addEventListener("click", () => {
            videoContainers.forEach((container) => {
            const video = container.querySelector(".video");
            const overlay = container.querySelector(".overlay");
            overlay.style.display = "none";
            if(video && video.querySelector('video')){
             video.play();
            }
            });
        });
        });


        function abriFecharStoriesDiogenes(tipoSessao){

            console.log("Tipo de sessão recebido: ", tipoSessao);
            if(tipoSessao === undefined || tipoSessao === "undefined" || tipoSessao === null){
                tipoSessao = "reels";
            }

            if(jQuery("section.fullscreen-stories-diogenes").hasClass("aberto")){
                jQuery("section.fullscreen-stories-diogenes").removeClass("aberto");
                jQuery(".video-container-selecoes").removeClass("reels");
                jQuery(".video-container-selecoes").removeClass("stories");
            }else{
                jQuery("section.fullscreen-stories-diogenes").addClass("aberto");
                jQuery(".video-container-selecoes").addClass(tipoSessao);
            }
        }


</script>


<script>
    const id_logado_x         = "0";
    const tipo_profile_logado = "nenhum";
</script>

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hotpay-2025/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
  
    <!-- HARMONICS -->
    <section class="harmonics">

          <!-- CLOSE -->
          <div class="close-harmonics">
                <a href="javascript:void(0)" onclick="abrirFecharHarmonics();">
                    <img src="https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/images/4115230_cancel_close_delete_icon.svg" alt="" />
                </a>
          </div>
          <!-- CLOSE -->

          <!-- CONTEUDO 
          <div class="harmonics-conteudo bg-primary h-max-screen-dynamic relative flex w-full min-w-[300px] flex-col overflow-auto text-left shadow-xl transition-all h-full w-screen self-end rounded-none md:h-[calc(100%-2.5rem)] md:rounded-t-2xl opacity-100 translate-y-0">
                <div class="diogenes-container">
                      <div class="diogenes-row" id="harmonics-conteudo-inner">
                            <div class="diogenes-col-12 text-center carregando-default">
                                  <img src="https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/images/icegif-1258.gif" alt="" />
                                  <h1>Carregando</h1>
                            </div>
                      </div>
                </div>
          </div>
          CONTEUDO -->

    </section>
    <!-- HARMONICS -->

  
  <script>
    const dioCompHomeUrl = 'https://gatasgyn.com';
    const dioCompAjaxUrl = 'https://gatasgyn.com/wp-admin/admin-ajax.php';
  </script>

  			<script>
				( () => {
					const lazyloadRunObserver = () => {
						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
							entries.forEach( ( entry ) => {
								if ( entry.isIntersecting ) {
									let lazyloadBackground = entry.target;
									if( lazyloadBackground ) {
										lazyloadBackground.classList.add( 'e-lazyloaded' );
									}
									lazyloadBackgroundObserver.unobserve( entry.target );
								}
							});
						}, { rootMargin: '200px 0px 200px 0px' } );
						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
							lazyloadBackgroundObserver.observe( lazyloadBackground );
						} );
					};
					const events = [
						'DOMContentLoaded',
						'elementor/lazyload/observe',
					];
					events.forEach( ( event ) => {
						document.addEventListener( event, lazyloadRunObserver );
					} );
				} )();
			</script>
			<link rel='stylesheet' id='elementor-frontend-css' href='https://gatasgyn.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.3.4' media='all' />
<link rel='stylesheet' id='elementor-post-113-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-113.css?ver=1791456581' media='all' />
<link rel='stylesheet' id='elementor-post-2189-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-2189.css?ver=1791456581' media='all' />
<link rel='stylesheet' id='elementor-post-2184-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-2184.css?ver=1791456583' media='all' />
<link rel='stylesheet' id='elementor-post-117-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-117.css?ver=1791456581' media='all' />
<link rel='stylesheet' id='elementor-post-2150-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-2150.css?ver=1791456581' media='all' />
<style id="core-block-supports-inline-css">
.wp-container-core-columns-is-layout-8f761849{flex-wrap:nowrap;}
/*# sourceURL=core-block-supports-inline-css */
</style>
<link rel='stylesheet' id='elementor-post-106-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-106.css?ver=1791456580' media='all' />
<link rel='stylesheet' id='elementor-gf-roboto-css' href='https://fonts.googleapis.com/css?family=Roboto:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' media='all' />
<link rel='stylesheet' id='elementor-gf-robotoslab-css' href='https://fonts.googleapis.com/css?family=Roboto+Slab:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' media='all' />
<script id="scripts-harmonics-diocomp-js" src="https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/js/harmonics.js?v=10102026015930000000&#038;ver=1.0.0"></script>
<script id="scripts-diocomp-3-js" src="https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/js/scripts.js?v=10102026015930000000&#038;ver=1.0.0"></script>
<script id="jquery-confirm-diogenes-frontend-js" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js?ver=1.0.0"></script>
<script id="jquery-mask-js" src="https://gatasgyn.com/wp-content/plugins/woo-boleto-paghiper/assets/js/libs/jquery.mask/jquery.mask.min.js?ver=1.14.16"></script>
<script id="sourcebuster-js-js" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.2.0"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://gatasgyn.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script id="wc-order-attribution-js" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.2.0"></script>
<script id="elementor-webpack-runtime-js" src="https://gatasgyn.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.3.4"></script>
<script id="elementor-frontend-modules-js" src="https://gatasgyn.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.3.4"></script>
<script id="jquery-ui-core-js-before">
jQuery.uiBackCompat = true;
//# sourceURL=jquery-ui-core-js-before
</script>
<script id="jquery-ui-core-js" src="https://gatasgyn.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnX":"Compartilhar no X","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.3.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"nested-elements":true,"import-export-customization":true},"urls":{"assets":"https:\/\/gatasgyn.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/gatasgyn.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/cdn.gatasgyn.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"9cc0eee67d","atomicFormsSendForm":"ddbabf63b1"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":3790,"title":"Sites%20para%20Vender%20Conte%C3%BAdo%20Adulto%3A%20Onde%20e%20Como%20Monetizar%20Seu%20Material%20%7C%20GatasGyn","excerpt":"Posts recentes Sites para Vender Conte\u00fado Adulto: Onde e Como Monetizar Seu Material A venda de conte\u00fado adulto se tornou uma alternativa lucrativa para criadores que desejam monetizar seu material de forma independente. Com plataformas especializadas, \u00e9 poss\u00edvel alcan\u00e7ar um p\u00fablico segmentado e garantir ganhos consistentes. Se voc\u00ea quer saber quais s\u00e3o os melhores sites para vender conte\u00fado adulto, continue lendo e descubra as principais &hellip; <a href=\"https:\/\/gatasgyn.com\/sites-para-vender-conteudo-adulto-onde-e-como-monetizar-seu-material\/\">Leia mais...<\/a>","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://gatasgyn.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.3.4"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://gatasgyn.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://gatasgyn.com/wp-includes/js/wp-emoji-loader.min.js
</script>


</body>
</html>