<!--
#
#
#   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/diogenes-grid.css" />


   <link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/legado.css?v=30042026121645000000" />
   <link rel="stylesheet" type="text/css" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/style-perfil.css?v=30042026121645000000" />
   <link rel="stylesheet" href="https://gatasgyn.com/wp-content/themes/hotpay-2025/assets/css/font-awesome.min.css">

<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 */
            }
        }
</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 v27.5 (Yoast SEO v27.5) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
	<title>Pré Cadastro | GatasGyn | Acompanhantes Goiânia</title>
	<link rel="canonical" href="https://gatasgyn.com/pre-cadastro/" />
	<meta property="og:locale" content="pt_BR" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Pré Cadastro" />
	<meta property="og:url" content="https://gatasgyn.com/pre-cadastro/" />
	<meta property="og:site_name" content="GatasGyn" />
	<meta property="article:publisher" content="https://www.facebook.com/gatasgynoficial/" />
	<meta property="og:image" content="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/cropped-favcon.webp" />
	<meta property="og:image:width" content="512" />
	<meta property="og:image:height" content="512" />
	<meta property="og:image:type" content="image/webp" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@GatasgynOficial" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gatasgyn.com\/pre-cadastro\/","url":"https:\/\/gatasgyn.com\/pre-cadastro\/","name":"Pré Cadastro | GatasGyn | Acompanhantes Goiânia","isPartOf":{"@id":"https:\/\/gatasgyn.com\/#website"},"datePublished":"2025-12-10T18:34:56+00:00","breadcrumb":{"@id":"https:\/\/gatasgyn.com\/pre-cadastro\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gatasgyn.com\/pre-cadastro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gatasgyn.com\/pre-cadastro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Início","item":"https:\/\/gatasgyn.com\/"},{"@type":"ListItem","position":2,"name":"Pré Cadastro"}]},{"@type":"WebSite","@id":"https:\/\/gatasgyn.com\/#website","url":"https:\/\/gatasgyn.com\/","name":"GatasGyn","description":"","publisher":{"@id":"https:\/\/gatasgyn.com\/#organization"},"alternateName":"GatasGyn","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":"GatasGyn","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\/2026\/04\/cropped-favcon.webp","contentUrl":"https:\/\/cdn.gatasgyn.com\/wp-content\/uploads\/2026\/04\/cropped-favcon.webp","width":512,"height":512,"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 Acompanhantes De Luxo em Goiânia","email":"atendimento@gatasgyn.com","telephone":"+5562982097871","legalName":"Gatas Gyn","foundingDate":"2005-06-09","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}}]}</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%2Fpre-cadastro%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%2Fpre-cadastro%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/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' type='text/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=6.9.4' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/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' type='text/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);}: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;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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;}
: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='cbxuseronline-public-css' href='https://gatasgyn.com/wp-content/plugins/cbxuseronline/includes/../assets/css/cbxuseronline-public.css?ver=1.3.5' type='text/css' media='all' />
<link rel='stylesheet' id='style-tailwind-css-css' href='https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/css/tailwind2dio.css?v=30042026001645000000&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='style-diogenes-css-css' href='https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/css/diogenes-grid.css?v=30042026001645000000&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='style-harmonics-css-css' href='https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/css/harmonics.css?v=30042026001645000000&#038;ver=6.9.4' type='text/css' 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=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='style-pushinpay-pix-css' href='https://gatasgyn.com/wp-content/plugins/plugin-pushinpay-pix/assets/css/style.css?v=30042026001645000000&#038;ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-layout-css' href='https://gatasgyn.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=10.7.0' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://gatasgyn.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=10.7.0' type='text/css' media='only screen and (max-width: 768px)' />
<link rel='stylesheet' id='woocommerce-general-css' href='https://gatasgyn.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=10.7.0' type='text/css' media='all' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='paghiper-frontend-css-css' href='https://gatasgyn.com/wp-content/plugins/woo-boleto-paghiper/assets/css/frontend.min.css?ver=1.0' type='text/css' media='' />
<script type="text/javascript" src="https://gatasgyn.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.7.0" id="wc-jquery-blockui-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
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 type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.7.0" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.7.0" id="wc-js-cookie-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
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 type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.7.0" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woo-boleto-paghiper/assets/js/frontend.min.js?ver=1.0" id="paghiper-frontend-js-js"></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/pages/2567" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://gatasgyn.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<meta name="generator" content="WooCommerce 10.7.0" />
<link rel='shortlink' href='https://gatasgyn.com/?p=2567' />
<meta name="generator" content="Site Kit by Google 1.177.0" />	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<meta name="generator" content="Elementor 4.0.3; 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/04/cropped-favcon-32x32.webp" sizes="32x32" />
<link rel="icon" href="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/cropped-favcon-192x192.webp" sizes="192x192" />
<link rel="apple-touch-icon" href="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/cropped-favcon-180x180.webp" />
<meta name="msapplication-TileImage" content="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/cropped-favcon-270x270.webp" />


<!-- 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">

<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">
					            
            
            <!-- 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://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">
					
        <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="https://gatasgyn.com" class="flex flex-col items-center gap-1  text-gray-500">
                    <svg 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>

                <a href="#topoHeaderModelo" class="flex flex-col items-center gap-1  text-gray-500">
                    <i class="fa fa-user"></i>
                    <span>Perfil</span>
                </a>

                <a href="javascript:void(0)" onclick="ggAtivarReelsLocal(2567)" class="flex flex-col items-center gap-1  text-gray-500">
                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>
                    <span>Reels 🔥</span>
                </a>

                <a href="#areaMidias" class="flex flex-col items-center gap-1  text-gray-500">
                    <i 
                        class="fa fa-camera" 
                        style="font-size: 24px;margin-bottom: 8px;"
                    ></i> 
                    <span>Ensaio</span>
                </a>

                <a href="javascript:void(0)" onclick="addListaFav(this, 2567);" class="flex flex-col items-center gap-1  text-gray-500">
                    <i class="fa fa-plus-circle" aria-hidden="true"></i>
                    <span>Seguir</span> 
                </a>

                <a href="https://api.whatsapp.com/send?l=pt_BR&phone=55&text=Oi, tudo bem? Ví seu anúncio no GatasGyn https://gatasgyn.com/pre-cadastro/ e gostaria de saber:" target="_blank" class="flex flex-col items-center gap-1  text-gray-500">
                    <i class="fa fa-whatsapp icone-do-whatsapp" aria-hidden="true"></i>
                    <span>WhatsApp</span>
                </a>
                
            </nav>

        <!-- MENSAGEM SEM MENUS
        <div class="no-menus-message">
            <p>Nenhum menu configurado.</p>
        </div>
         MENSAGEM SEM MENUS -->

        				</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>
		
<script src="https://cdn.jsdelivr.net/npm/signature_pad@4.0.0/dist/signature_pad.umd.min.js"></script>
    
<style>
    section img{
        cursor: pointer;
    }
    #menuFixoMobile{
        display:none !important;
    }
</style>
<style>
    /* --- ESTILOS GERAIS JÁ EXISTENTES --- */
    .text-base-gray.font-semibold.pb-2{
        color:#f2f2f2 !important;
    }
    .area-paginas-erros-container{
        position: relative;
        width: 100%;
        min-height: 100vh;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: flex-start;
        overflow: hidden;
        padding-left: 15%;
        padding-top: 220px;
    }
    @media(max-width:540px){
        .area-paginas-erros-container {
            padding-left: 0;
        }
    }

     .btn-primary,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:visited,
    .btn-primary:active {
        color: #fff;
        background-color: #006dd9;
        border-color: #006dd9;
        border-radius: 21px;
        height: 44px;
        font-weight: 600;
        padding: 0 30px;
        transition: all 0.3s;
    }


    @media (max-width: 480px) {
        .area-paginas-erros-subtitle {
            font-size: 28px;
            margin-top: -102px;
        }
         .btn-primary,
        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:visited,
        .btn-primary:active {
                color: #fff;
                background-color: #006dd9;
                border-color: #006dd9;
                display: block;
                width: 100%;
                border-radius: 21px;
                height: 44px;
            }
    }
    form.form-pre-cadastro{
        text-align: left;
    }
    .diogenes-form-group label{
        font-size:14px;
        color: #ccc;
        margin-bottom: 5px;
        display: block;
    }
    .diogenes-form-control{
        background: #212121;
        border: 1px solid #333 !important;
        border-radius: 21px;
        font-size: 14px;
        height: 44px;
        color: #f2f2f2;
        width: 100%;
        padding: 0 15px;
    }
    .diogenes-form-control:focus {
        border-color: #006dd9 !important;
        outline: none;
    }

    /* Grid simples para substituir classes do bootstrap se necessário */
    .diogenes-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 15px;
    }
    .diogenes-col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .diogenes-col-6 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
    }
    @media(max-width: 768px){
        .diogenes-col-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    @media(min-width: 768px){
        .area-paginas-erros-subtitle {
            font-size: 38px;
            font-weight: bold;
            margin-bottom: 20px;
            color: #2457c5 !important;
            margin-top: -76px;
            line-height: 42px;
        }
    }

   
 /* --- MODAL PADRÃO (ERRO/SUCESSO) --- */
    .custom-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.85);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    .custom-modal-overlay.active {
        opacity: 1;
        visibility: visible;
    }
    .custom-modal-box {
        background-color: #1a1a1a;
        border: 1px solid #333;
        border-top: 0px solid #006dd9;
        padding: 30px;
        border-radius: 8px;
        width: 90%;
        max-width: 450px;
        text-align: center;
        box-shadow: 0 10px 25px rgba(0,0,0,0.5);
        color: #e0e0e0;
        font-family: sans-serif;
        position: relative;
    }
    .custom-modal-title {
        font-size: 1.25rem;
        margin-bottom: 15px;
        font-weight: bold;
        color: #fff;
    }
    .custom-modal-msg {
        margin-bottom: 25px;
        font-size: 0.95rem;
        color: #b0b0b0;
        line-height: 1.5;
    }
    .custom-modal-btn {
        background-color: #006dd9;
        color: #fff;
        border: none;
        padding: 10px 25px;
        border-radius: 21px;
        cursor: pointer;
        font-weight: 600;
        transition: background 0.2s;
    }
    .custom-modal-btn:hover {
        background-color: #0056b3;
    }

    /* --- ESTILOS NOVOS: CHECKBOX TERMOS --- */
    .terms-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        color: #ccc;
        font-size: 14px;
    }
    .terms-wrapper input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin-right: 10px;
        accent-color: #006dd9;
        cursor: pointer;
    }
    .terms-link {
        color: #006dd9;
        text-decoration: underline;
        cursor: pointer;
        margin-left: 4px;
    }
    .terms-link:hover {
        color: #fff;
    }

    /* --- ESTILOS NOVOS: MODAL DE TERMOS --- */
    .modal-terms-content {
        text-align: left;
    }
    .terms-textarea {
        width: 100%;
        height: 300px;
        background: #252525;
        border: 1px solid #444;
        color: #ccc;
        padding: 15px;
        border-radius: 8px;
        resize: none;
        font-size: 12px;
        line-height: 18px;
        text-align: justify;
        color: #ccc;
        margin-bottom: 20px;
        /* Scrollbar customizada Firefox */
        scrollbar-width: thin;
        scrollbar-color: #006dd9 #252525;
    }
    /* Scrollbar customizada Webkit */
    .terms-textarea::-webkit-scrollbar {
        width: 8px;
    }
    .terms-textarea::-webkit-scrollbar-track {
        background: #252525;
    }
    .terms-textarea::-webkit-scrollbar-thumb {
        background-color: #006dd9;
        border-radius: 4px;
    }

    /* --- ESTILOS NOVOS: MODAL RESUMO E ASSINATURA --- */
    .modal-resumo-box {
        max-width: 500px;
    }
    .resumo-lista {
        text-align: left;
        margin-bottom: 20px;
        background: #252525;
        padding: 15px;
        border-radius: 8px;
        font-size: 14px;
    }
    .resumo-item {
        margin-bottom: 8px;
        border-bottom: 1px solid #333;
        padding-bottom: 8px;
    }
    .resumo-item:last-child {
        border-bottom: none;
    }
    .resumo-label {
        color: #888;
        font-weight: 600;
        margin-right: 5px;
    }
    .resumo-valor {
        color: #fff;
    }
    .signature-area {
        background: #fff;
        border-radius: 4px;
        margin-bottom: 20px;
        position: relative;
    }
    canvas#signature-pad {
        width: 100%;
        height: 200px;
        border-radius: 4px;
        display: block;
        touch-action: none; /* Importante para mobile */
    }
    .signature-label {
        font-size: 12px;
        color: #aaa;
        margin-bottom: 5px;
        display: block;
        text-align: left;
    }
    .clear-sign-btn {
        position: absolute;
        top: 5px;
        right: 5px;
        background: #ccc;
        color: #333;
        border: none;
        font-size: 11px;
        padding: 4px 8px;
        border-radius: 4px;
        cursor: pointer;
    }


    /* Status Labels */
    .status-badge {
        font-size: 11px;
        font-weight: bold;
        padding: 2px 8px;
        border-radius: 10px;
        position: absolute;
        right: 10px;
        top: 38px; /* Ajustar conforme altura do seu input */
        display: none; /* Oculto por padrão */
    }
    .status-success {
        background-color: #28a745;
        color: white;
        display: block;
    }
    .status-pending {
        background-color: #ffc107;
        color: #333;
        display: block;
    }
    .diogenes-form-group {
        position: relative; /* Para posicionar o badge */
    }

    /* Modal de Escolha */
    .modal-choice-options {
        display: flex;
        gap: 15px;
        justify-content: center;
        margin-top: 20px;
    }
    .btn-choice {
        background: #252525;
        border: 1px solid #444;
        color: #fff;
        padding: 15px;
        border-radius: 8px;
        cursor: pointer;
        width: 100%;
        transition: 0.3s;
    }
    .btn-choice:hover {
        border-color: #006dd9;
        background: #333;
    }
    .btn-choice h4 { margin: 0 0 5px 0; color: #006dd9; font-size: 16px;}
    .btn-choice p { margin: 0; font-size: 12px; color: #ccc;}

    /* Input de Código */
    .otp-input-container {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin: 20px 0;
    }
    .otp-digit {
        width: 40px;
        height: 50px;
        font-size: 24px;
        text-align: center;
        background: #252525;
        border: 1px solid #444;
        color: #fff;
        border-radius: 4px;
    }
    .otp-digit:focus {
        border-color: #006dd9;
        outline: none;
    }
   #infosUserAgent{
    position: absolute;
    display: block;
    color: #ff0000;
    font-size: 12px;
    opacity: 0.7;
    width: 100%;
    top: 12px;
   }
</style>

<div class="area-paginas-erros-container">
    <img class="area-paginas-erros-bg-image" src="https://cdn.gatasgyn.com/wp-content/uploads/2026/01/acompanhantes_pre_cadastro_gatasgyn-scaled.webp" alt="Background">
    
    <div class="area-paginas-erros-gradient-mask"></div>
    
    <div class="area-paginas-erros-content">


        <h1 class="area-paginas-erros-title"></h1>
        <h2 class="area-paginas-erros-subtitle">
            Preencha todos os campos abaixo para criar o seu cadastro.
        </h2>
        <p class="area-paginas-erros-description">
            Todos os campos são obrigatórios. Nenhuma dessas informações serão exibidas publicamente.
        </p>

        <form method="post" class="form-pre-cadastro" action="javascript:void(0)">
        
            <div class="diogenes-row">
                <div class="diogenes-col-12 diogenes-form-group">
                    <label for="nome">Nome completo (nome real)</label>
                    <input type="text" id="nome" name="nome-completo" class="diogenes-form-control" required placeholder="Seu nome completo">
                </div>
            </div>

            <div class="diogenes-row">
                <div class="diogenes-col-6 diogenes-form-group">
                    <label for="cpf">CPF</label>
                    <input type="tel" name="cpf" id="cpf" class="diogenes-form-control" required placeholder="Número do seu CPF">
                </div>
                <div class="diogenes-col-6 diogenes-form-group">
                    <label for="nascimento">Data de nascimento</label>
                    <input type="tel" name="nascimento" id="nascimento" class="diogenes-form-control" required placeholder="DD/MM/AAAA">
                </div>
            </div>

            <div class="diogenes-row">
                <div class="diogenes-col-12 diogenes-form-group">
                    <label for="emailL">E-mail</label>
                    <input type="text" id="emailL" name="emailL" class="diogenes-form-control" required placeholder="Endereço de E-mail">
                </div>
            </div>

            <div class="diogenes-row">
                <div class="diogenes-col-12 diogenes-form-group">
                    <label for="whatsapp">WhatsApp</label>
                    <input type="tel" id="whatsapp" name="whatsapp" class="diogenes-form-control" required placeholder="DDD + Número">
                </div>
            </div>

            <div class="diogenes-row row-senha">
                <div class="diogenes-col-12 diogenes-form-group group-senha">
                    <label for="senhaX">Senha</label>
                    <input type="password" id="senhaX" name="senhaX" class="diogenes-form-control" required placeholder="Defina uma senha">
                    <div id="password-strength-container" style="display: block;margin-top: 5px;width: 90%;margin-top: 10px;margin-left: 1px;margin-right: auto;">
                        <div style="background: #e0e0e0; height: 5px; border-radius: 3px; overflow: hidden;">
                            <div id="password-strength-bar" style="width: 0%; height: 100%; transition: all 0.3s;"></div>
                        </div>
                        <small id="password-strength-text" style="font-size: 11px; font-weight: bold; color: #666;"></small>
                    </div>

                </div>
            </div>

            <div class="diogenes-row">
                <div class="diogenes-col-12 diogenes-form-group">
                    <label for="senhaY">Repita a senha</label>
                    <input type="password" id="senhaY" name="senhaY" class="diogenes-form-control" required placeholder="Repita a senha">
                </div>
            </div>

            <div class="diogenes-row">
                <div class="diogenes-col-12">
                    <div class="terms-wrapper">
                        <input type="checkbox" id="aceite-termos" name="aceite-termos">
                        <label for="aceite-termos" style="padding-bottom: 0;margin-bottom: 0;">
                            Ao se cadastrar você aceita os <span class="terms-link" onclick="abrirModalTermos()">nossos termos</span>.
                        </label>
                    </div>
                </div>
            </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>

            <div class="diogenes-row">
                <div class="diogenes-col-12" style="text-align:right;">
                    <button type="submit" class="btn btn-primary" id="btn-pre-cadastro">Criar meu cadastro</button>
                </div>
            </div>

        </form>

        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>

    </div>
    <div class="diogenes-gt-mascara" style="z-index:1;">
                    &nbsp;
                </div>
</div>

<div id="modal-termos-overlay" 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="fecharModalTermos()">Fechar</button>
    </div>
</div>

<div id="modal-resumo-overlay" class="custom-modal-overlay">
    <div class="custom-modal-box modal-resumo-box">
        <div class="custom-modal-title">Confirme seus dados</div>
        <div class="custom-modal-msg" style="margin-bottom: 15px;">
            Verifique se as informações abaixo estão corretas e assine para finalizar.
        </div>
        
        <div class="resumo-lista">
            <div class="resumo-item"><span class="resumo-label">Nome:</span> <span id="resumo-nome" class="resumo-valor"></span></div>
            <div class="resumo-item"><span class="resumo-label">CPF:</span> <span id="resumo-cpf" class="resumo-valor"></span></div>
            <div class="resumo-item"><span class="resumo-label">Nascimento:</span> <span id="resumo-nasc" class="resumo-valor"></span></div>
            <div class="resumo-item"><span class="resumo-label">E-mail:</span> <span id="resumo-email" class="resumo-valor"></span></div>
            <div class="resumo-item"><span class="resumo-label">WhatsApp:</span> <span id="resumo-zap" class="resumo-valor"></span></div>
        </div>

        <span class="signature-label">Assine no quadro branco abaixo (Mouse ou Touch):</span>
        <div class="signature-area">
            
            <div id="infosUserAgent">
                Desconhecido | Columbus - OH, United States | IP: 216.73.216.187            </div>
            
            <canvas id="signature-pad"></canvas>
            <button type="button" class="clear-sign-btn" onclick="limparAssinatura()">Limpar</button>
        </div>

        <button class="custom-modal-btn" id="btn-finalizar-cadastro" style="width: 100%;">Salvar e concluir pré cadastro</button>
        <div style="margin-top:15px;">
            <a href="javascript:void(0)" onclick="fecharModalResumo()" style="color:#666; font-size:12px; text-decoration:none;">Voltar e corrigir</a>
        </div>
    </div>
</div>


<div id="modal-validacao-escolha" class="custom-modal-overlay">
    <div class="custom-modal-box">
        <div class="custom-modal-title">Validar <span id="lbl-tipo-validacao"></span></div>
        <div class="custom-modal-msg">
            Como você deseja confirmar essa informação?
        </div>
        <div class="modal-choice-options">
            <button class="btn-choice" onclick="escolherMetodo('link')">
                <h4>Link</h4>
                <p>Receber um link de confirmação.</p>
            </button>
            <button class="btn-choice" onclick="escolherMetodo('codigo')">
                <h4>Código</h4>
                <p>Receber código de 6 dígitos.</p>
            </button>
        </div>
        <div style="margin-top:20px;">
             <a href="javascript:void(0)" onclick="fecharModalValidacao()" style="color:#666; font-size:12px;">Cancelar/Validar depois</a>
        </div>
    </div>
</div>

<div id="modal-otp-input" class="custom-modal-overlay">
    <div class="custom-modal-box">
        <div class="custom-modal-title">Digite o Código</div>
        <div class="custom-modal-msg">
            Enviamos um código de 6 dígitos para <span id="lbl-destino-otp" style="color:#fff"></span>.
        </div>
        
        <div style="margin-bottom: 20px;">
            <input type="text" id="otp-unico" maxlength="6" class="diogenes-form-control" style="text-align:center; letter-spacing: 5px; font-size: 20px;" placeholder="000000">
        </div>

        <button class="custom-modal-btn" onclick="verificarCodigoDigitado()">Confirmar Código</button>
        <div style="margin-top:15px;">
             <a href="javascript:void(0)" onclick="fecharModalOtp()" style="color:#666; font-size:12px;">Cancelar</a>
        </div>
    </div>
</div>


<a href="https://wa.me/5562982097871" class="whatsapp-fixed" target="_blank" rel="noopener noreferrer">
    <div class="whatsapp-tooltip">Precisa de ajuda?</div>
    <div class="whatsapp-icon-container">
        <img src="https://gatasgyn.com/wp-content/uploads/2026/02/5u0ndp8vgxo.png" style="width:38px;"> 
    </div>
</a>

<style>
    /* Container Principal */
    .whatsapp-fixed {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: flex;
        align-items: center;
        text-decoration: none;
        z-index: 9999;
        font-family: sans-serif;
    }

    @media(max-width:540px){
        .whatsapp-fixed{
            bottom: 90px !important;
        }
    }
                            
    /* Balão de Texto (Tooltip) */
    .whatsapp-tooltip {
        background-color: #fff;
        color: #444;
        padding: 8px 15px;
        border-radius: 20px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        margin-right: 10px;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
        position: relative;
        transition: transform 0.3s ease;
    }

    /* Triângulo do balão */
    .whatsapp-tooltip::after {
        content: "";
        position: absolute;
        right: -6px;
        top: 50%;
        transform: translateY(-50%);
        border-width: 8px 0 8px 8px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
    }

    /* Ícone do WhatsApp */
    .whatsapp-icon-container {
        width: 60px;
        height: 60px;
        background-color: #25d366;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        transition: transform 0.3s ease, background-color 0.3s ease;
    }

    .whatsapp-svg {
        width: 35px;
        height: 35px;
        fill: #fff;
    }

    /* Efeitos de Hover e Animação */
    .whatsapp-fixed:hover .whatsapp-icon-container {
        transform: scale(1.1);
        background-color: #20ba5a;
    }

    .whatsapp-fixed:hover .whatsapp-tooltip {
        transform: translateX(-5px);
    }

    /* Pequena animação de flutuar */
    @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-5px); }
        100% { transform: translateY(0px); }
    }

    .whatsapp-fixed {
        animation: float 3s ease-in-out infinite;
    }
</style>


<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;
    }
</style>

<script>
    (function() {
        // 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://gatasgyn.com/wp-content/uploads/2025/07/favcon.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);
        });
    </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://app.gatasgyn.com/wp-content/uploads/2025/06/logo_gatasgyn_menu.fw_.png" 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</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/safira-nogueira-goiania/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/perfil-38005-69e72da865383.jpg" 
                                            alt="Safira Nogueira" 
                                            class="footer-garota-img"
                                            style="width: 50px;height: 50px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Safira Nogueira</span>
                                            <span class="footer-garota-local">
                                                 anos
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-nay-rodrigues/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/perfil-35852-69e79609a2017.jpg" 
                                            alt="Nay Rodrigues" 
                                            class="footer-garota-img"
                                            style="width: 50px;height: 50px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Nay Rodrigues</span>
                                            <span class="footer-garota-local">
                                                 anos
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-gabrielly-saumy/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/perfil-31649-69e8f5b2ed0d8.jpg" 
                                            alt="Gabrielly Saumy" 
                                            class="footer-garota-img"
                                            style="width: 50px;height: 50px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Gabrielly Saumy</span>
                                            <span class="footer-garota-local">
                                                 anos
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-karlamoraes/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/perfil-32109-69e9013685a01.jpg" 
                                            alt="Karla Moraes" 
                                            class="footer-garota-img"
                                            style="width: 50px;height: 50px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Karla Moraes</span>
                                            <span class="footer-garota-local">
                                                 anos
                                            </span>
                                        </div>
                                    </div>

                                
                                    <div class="footer-garota-item" onclick="location.href='https://gatasgyn.com/acompanhante/goiania-elisa-duarte/'">
                                        <img 
                                            src="https://cdn.gatasgyn.com/wp-content/uploads/2026/04/perfil-4772-69e72f1da1132.jpg" 
                                            alt="Elisa Duarte" 
                                            class="footer-garota-img"
                                            style="width: 50px;height: 50px;border-radius: 100%;object-fit: cover;"
                                        >
                                        <div class="footer-garota-info">
                                            <span class="footer-garota-nome">Elisa Duarte</span>
                                            <span class="footer-garota-local">
                                                 anos
                                            </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://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/acompanhantes/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://xvideos.blog.br/" target="_blank" title="Xvideos">Xvideos</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 GATASGYN                            </h3>
                            <p class="about-text">
                                <small>Conheça um pouco mais...</small><br>
                                GatasGyn Goiânia GO – Há 21 anos portal líder de acompanhantes em Goiânia, com garotas de programa de alto nível. Desde 2005, Gatasgyn.com oferece acompanhantes de alto padrão para clientes exigentes em Goiânia, e outras cidades de todo o estado de Goiás. Nossa plataforma combina discrição, segurança e sofisticação, garantindo experiências únicas para momentos especiais, eventos exclusivos, festas e encontros de luxo.

Em nosso catálogo, você encontra lindas acompanhantes depremium em Goiânia, profissionais selecionadas que unem beleza, elegância e carisma, proporcionando atendimento personalizado de altíssimo nível. Nosso compromisso é oferecer o melhor custo-benefício com total discrição, tornando cada encontro inesquecível.

Descubra as melhores acompanhantes de Goiânia e Goiás e viva momentos de prazer e sofisticação com quem entende de atendimento VIP.                            </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", "83b4c41481");
        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/Lhara-Ghabriela-260x260-1.jpg" class="video" alt="Lhara Ghabriela">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-lhara-ghabriela</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-lhara-ghabriela/'">
                                    <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="3994Lhara Ghabriela" 
                                            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">3994Lhara Ghabriela</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="3994Lhara Ghabriela" 
                                        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-lhara-ghabriela/"
                                      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-lhara-ghabriela/'">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="3994Lhara Ghabriela" 
                                        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">3994Lhara Ghabriela</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/04/Julia-260x260-1.jpg" class="video" alt="Julia">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@julia-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/julia-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="38960Julia" 
                                            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">38960Julia</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="38960Julia" 
                                        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/julia-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/julia-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="38960Julia" 
                                        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">38960Julia</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/Elo-260x260-1.jpg" class="video" alt="Elo">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-elo</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-elo/'">
                                    <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="6033Elo" 
                                            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">6033Elo</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="6033Elo" 
                                        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-elo/"
                                      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-elo/'">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="6033Elo" 
                                        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">6033Elo</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/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="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/2025/07/Vivi-Sales-260x260-1.jpg" class="video" alt="Vivi Sales">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-vivi-sales</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-vivi-sales/'">
                                    <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="31217Vivi Sales" 
                                            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">31217Vivi Sales</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="31217Vivi Sales" 
                                        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-vivi-sales/"
                                      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-vivi-sales/'">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="31217Vivi Sales" 
                                        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">31217Vivi Sales</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/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="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/2025/07/Alice-Barbieri-260x260-1.jpg" class="video" alt="Alice Belahor">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-alice-belahor</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-alice-belahor/'">
                                    <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="31045Alice Belahor" 
                                            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">31045Alice Belahor</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="31045Alice Belahor" 
                                        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-alice-belahor/"
                                      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-alice-belahor/'">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="31045Alice Belahor" 
                                        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">31045Alice Belahor</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/Brenda-Ford-260x260-1.jpg" class="video" alt="Brenda Ford">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-brenda-ford</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-brenda-ford/'">
                                    <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="31219Brenda Ford" 
                                            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">31219Brenda Ford</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="31219Brenda Ford" 
                                        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-brenda-ford/"
                                      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-brenda-ford/'">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="31219Brenda Ford" 
                                        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">31219Brenda Ford</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/2025/07/Sophia-260x260-1.jpg" class="video" alt="Sophia">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-sophia</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-sophia/'">
                                    <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="31072Sophia" 
                                            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">31072Sophia</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="31072Sophia" 
                                        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-sophia/"
                                      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-sophia/'">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="31072Sophia" 
                                        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">31072Sophia</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/02/Luna-Ylen-260x260-1.jpg" class="video" alt="Lunna">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@lunna-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/lunna-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="38505Lunna" 
                                            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">38505Lunna</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="38505Lunna" 
                                        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/lunna-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/lunna-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="38505Lunna" 
                                        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">38505Lunna</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/04/Elisa-260x260-1.jpg" class="video" alt="Elisa Duarte">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-elisa-duarte</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-elisa-duarte/'">
                                    <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="4772Elisa Duarte" 
                                            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">4772Elisa Duarte</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="4772Elisa Duarte" 
                                        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-elisa-duarte/"
                                      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-elisa-duarte/'">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="4772Elisa Duarte" 
                                        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">4772Elisa Duarte</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/04/Giullia-Ferraz-260x260-1.jpg" class="video" alt="Giullia Ferraz">
                    
                            <!-- top labels -->
                            <div class="top" style="opacity:0">
                                <span class="label label-main">@goiania-giullia-ferraz</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-giullia-ferraz/'">
                                    <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="36895Giullia Ferraz" 
                                            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">36895Giullia Ferraz</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="36895Giullia Ferraz" 
                                        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-giullia-ferraz/"
                                      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-giullia-ferraz/'">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="36895Giullia Ferraz" 
                                        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">36895Giullia Ferraz</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');

                                    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 -->

                <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 de usuário</label>
                        <input type="text" id="reg_nome" class="tik-modais-auth-form-input" placeholder="Digite um apelido">
                    </div>

                    <!--
                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">Nome de usuário</label>
                        <input type="text" class="tik-modais-auth-form-input" placeholder="Digite seu nome de usuário">
                    </div>
                    -->

                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">Defina uma Senha</label>
                        <input type="password" name="reg_password" id="reg_password" class="tik-modais-auth-form-input" placeholder="Digite sua senha">
                    </div>

                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">E-mail</label>
                        <input type="email" name="reg_email" id="reg_email" class="tik-modais-auth-form-input" placeholder="Digite seu e-mail">
                    </div>

                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">WhatsApp</label>
                        <input type="tel" class="tik-modais-auth-form-input" id="reg_whatsapp" placeholder="Seu número de celular com DDD">
                    </div>

                    <!--
                    <div class="tik-modais-auth-form-group">
                        <label class="tik-modais-auth-form-label">Confirmar senha</label>
                        <input type="password" class="tik-modais-auth-form-input" placeholder="Confirme sua senha">
                    </div>
                    -->

                    <div class="tik-modais-auth-checkbox-group">
                        <div class="tik-modais-auth-checkbox" id="termsCheckbox"></div>
                        <label class="tik-modais-auth-checkbox-label">
                            Eu aceito os <a href="javascript:abrirModalTermosCliente()">Termos de Serviço</a>
                        </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" onclick="performRegister(event)">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" 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()">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://challenges.cloudflare.com/turnstile/v0/api.js" async defer></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=30042026121646000000"></script>

<script>
    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 = [35852,36905,37037,31262,31049,37060,5165,39260,38936,31173,5094,31177,31064,38484,13157,31649,31217,3296,38960,3994,4772,4565,36880,38919,4150,32109,31458,3153,31219,31045,31254,7239,17976,6033,31072,3117,38469,36895,4827,4374,38505,10528,38005,31216,3400,38044,4031,4101,4309];

    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.');
                        ggFecharTudo();
                        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>';
        }

        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" onclick="darLikePerfil(this, ${ggViewerProfile.id})"> 
                    ${iconeLikeRender}<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-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" 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">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" 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">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.darLikePerfil = 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);
            }
        }
    });
};

</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';
    });
}

function performRegister(event) {
    if(event) event.preventDefault();

    const btn = event.target;
    const termsCheckbox = document.getElementById('termsCheckbox');
    
    // Validação dos Termos
    // Nota: Verifique se sua classe CSS de "checked" está sendo aplicada corretamente no JS do checkbox
    if (!termsCheckbox.classList.contains('checked') && !termsCheckbox.checked) {
        alert('Você deve aceitar os Termos de Serviço para continuar.');
        return;
    }

    // Pega os valores (Ajuste os IDs conforme seu HTML real)
    const nomeInput = document.getElementById('reg_nome').value;
    const emailInput = document.getElementById('reg_email').value;
    const passInput = document.getElementById('reg_password').value;
    const whatsAppInput = document.getElementById('reg_whatsapp').value;

    btn.textContent = 'Cadastrando...';
    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(wpAjaxUrl, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // Sucesso: Redireciona
            window.location.href = data.data.redirect_url;
        } else {
            // Erro (Ex: Email duplicado)
            // Adiciona o código do erro na URL (ex: ?register_error=email_exists)
            const code = 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() {
            const btn = event.target;
            btn.textContent = 'Enviando...';
            btn.disabled = true;
            
            setTimeout(() => {
                alert('Link de recuperação enviado para seu e-mail!');
                showLoginForm();
                btn.textContent = 'Enviar Link';
                btn.disabled = false;
            }, 1500);
        }

        // 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='wc-blocks-style-css' href='https://gatasgyn.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.7.0' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://gatasgyn.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.0.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-113-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-113.css?ver=1777500300' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-2189-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-2189.css?ver=1777500300' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-117-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-117.css?ver=1777500300' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-2150-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-2150.css?ver=1777500300' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-106-css' href='https://cdn.gatasgyn.com/wp-content/uploads/elementor/css/post-106.css?ver=1777500300' type='text/css' 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' type='text/css' 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' type='text/css' media='all' />
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/js/harmonics.js?v=30042026001645000000&amp;ver=1.0.0" id="scripts-harmonics-diocomp-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/plugin-diogenes-componentes/js/scripts.js?v=30042026001645000000&amp;ver=1.0.0" id="scripts-diocomp-3-js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js?ver=1.0.0" id="jquery-confirm-diogenes-frontend-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/plugin-pushinpay-pix/assets/js/scripts.js?v=30042026001645000000&amp;ver=1.0.0" id="scripts-pushinpay-pix-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woo-boleto-paghiper/assets/js/libs/jquery.mask/jquery.mask.min.js?ver=1.14.16" id="jquery-mask-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.7.0" id="sourcebuster-js-js"></script>
<script type="text/javascript" id="wc-order-attribution-js-extra">
/* <![CDATA[ */
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 type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.7.0" id="wc-order-attribution-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.0.3" id="elementor-webpack-runtime-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.0.3" id="elementor-frontend-modules-js"></script>
<script type="text/javascript" src="https://gatasgyn.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script type="text/javascript" id="elementor-frontend-js-before">
/* <![CDATA[ */
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","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.0.3","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":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":"f37e87332f","atomicFormsSendForm":"d8c2fd273b"},"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":2567,"title":"Pr%C3%A9%20Cadastro%20%7C%20GatasGyn%20%7C%20Acompanhantes%20Goi%C3%A2nia","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://gatasgyn.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.0.3" id="elementor-frontend-js"></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=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,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 a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[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,a){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!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));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(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://gatasgyn.com/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
   
</body>
</html>

<script>
// --- VARIÁVEIS GLOBAIS DE ESTADO ---
let validacaoState = {
    email: { status: 'nao_validado', valor: '' }, // status possíveis: 'nao_validado', 'pendente', 'confirmado'
    whatsapp: { status: 'nao_validado', valor: '' },
    cpf: { status: 'nao_validado', valor: '' },
    currentField: null // Armazena qual campo ('email' ou 'whatsapp') está sendo validado no momento
};

let signaturePad = null;

// Funções para controle visual dos Modais (Termos, Escolha, OTP, Resumo)
function abrirModalTermos() {
    document.getElementById('modal-termos-overlay').classList.add('active');
}
function fecharModalTermos() {
    document.getElementById('modal-termos-overlay').classList.remove('active');
}

function fecharModalResumo() {
    document.getElementById('modal-resumo-overlay').classList.remove('active');
}

function limparAssinatura() {
    if(signaturePad) signaturePad.clear();
}

// --- FUNÇÕES DE LÓGICA DE VALIDAÇÃO (NOVAS) ---

// 1. Fecha o Modal de Escolha (Link vs Código)
window.fecharModalValidacao = function() {
    const modal = document.getElementById('modal-validacao-escolha');
    if(modal) modal.classList.remove('active');
}

// 2. Fecha o Modal de Digitar OTP
window.fecharModalOtp = function() {
    const modal = document.getElementById('modal-otp-input');
    if(modal) modal.classList.remove('active');
}

// 3. Verifica disponibilidade no servidor (Duplicidade)
window.verificarDisponibilidade = function(tipo, valor, callbackSucesso) {
    // URL do Ajax (definida no escopo do documento ou pega dinamicamente)
    // Caso o PHP não tenha impresso, usamos o padrão, mas idealmente vem do PHP.
    // Vamos assumir que o PHP imprimiu a variável wpAjaxUrl ou usaremos o caminho relativo padrão.
    const url = 'https://gatasgyn.com/wp-admin/admin-ajax.php'; 

    const formData = new FormData();
    formData.append('action', 'verificar_disponibilidade_dados');
    formData.append('tipo', tipo);
    formData.append('valor', valor);

    fetch(url, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if(!data.success) {
            exibirModal("Atenção", data.data.message);
            
            // Limpa o campo conflituoso
            if(tipo === 'email') {
                document.getElementById('emailL').value = '';
                atualizarBadge('email', 'nao_validado'); // Esconde badge
            }
            if(tipo === 'cpf') document.getElementById('cpf').value = '';
            if(tipo === 'whatsapp') {
                document.getElementById('whatsapp').value = '';
                atualizarBadge('whatsapp', 'nao_validado');
            }
        } else {
            // Se disponível, executa o callback (abrir modal de escolha)
            if(callbackSucesso) callbackSucesso(true);
        }
    })
    .catch(err => console.error("Erro na verificação:", err));
}

// 4. Abre o modal para o usuário escolher entre Link ou Código
window.abrirModalEscolha = function(campo, valor) {
    validacaoState.currentField = campo;
    validacaoState[campo].valor = valor; // Salva o valor atual para garantir consistência

    const lblTipo = document.getElementById('lbl-tipo-validacao');
    if(lblTipo) lblTipo.innerText = (campo === 'email') ? 'E-mail' : 'WhatsApp';

    const modal = document.getElementById('modal-validacao-escolha');
    if(modal) modal.classList.add('active');
}

// 5. Usuário clicou em "Link" ou "Código"
window.escolherMetodo = function(metodo) {
    fecharModalValidacao(); // Fecha a pergunta

    const campo = validacaoState.currentField;
    const valor = validacaoState[campo].valor;
    const inputNome = document.getElementById('nome');
    const nomeUser = inputNome ? inputNome.value : 'Visitante';
    const url = 'https://gatasgyn.com/wp-admin/admin-ajax.php';

    // Feedback visual temporário (opcional, ou apenas aguarda)
    // Aqui vamos direto disparar o envio
    
    const formData = new FormData();
    formData.append('action', 'enviar_validacao_campo');
    formData.append('tipo_dado', campo); // email ou whatsapp
    formData.append('valor', valor);
    formData.append('metodo', metodo); // link ou codigo
    formData.append('nome', nomeUser);

    fetch(url, {
        method: 'POST',
        body: formData
    })
    .then(r => r.json())
    .then(data => {
        if(data.success) {
            if(metodo === 'codigo') {
                // Abre modal para digitar o código
                abrirModalOtp(valor);
            } else {
                // Link enviado
                exibirModal("Verifique seu " + (campo === 'email' ? 'E-mail' : 'WhatsApp'), 
                    "Um link de confirmação foi enviado para <b>" + valor + "</b>.<br><br>Você pode confirmar agora ou continuar o cadastro e confirmar depois.");
                
                atualizarBadge(campo, 'pendente');
            }
        } else {
            exibirModal("Erro", "Não foi possível enviar a validação. Tente novamente.");
        }
    })
    .catch(err => console.error(err));
}

// 6. Abre Modal OTP
window.abrirModalOtp = function(destino) {
    const lblDestino = document.getElementById('lbl-destino-otp');
    if(lblDestino) lblDestino.innerText = destino;

    const inputOtp = document.getElementById('otp-unico');
    if(inputOtp) {
        inputOtp.value = '';
        setTimeout(() => inputOtp.focus(), 100);
    }

    const modal = document.getElementById('modal-otp-input');
    if(modal) modal.classList.add('active');
}

// 7. Valida o código digitado
window.verificarCodigoDigitado = function() {
    const inputOtp = document.getElementById('otp-unico');
    const codigo = inputOtp.value;
    const campo = validacaoState.currentField;
    const valor = validacaoState[campo].valor;
    const url = 'https://gatasgyn.com/wp-admin/admin-ajax.php';

    if(codigo.length < 6) { 
        alert("Por favor, digite os 6 dígitos."); 
        return; 
    }

    const formData = new FormData();
    formData.append('action', 'validar_codigo_otp');
    formData.append('valor', valor);
    formData.append('codigo', codigo);

    fetch(url, { method: 'POST', body: formData })
    .then(r => r.json())
    .then(data => {
        if(data.success) {
            fecharModalOtp();
            atualizarBadge(campo, 'confirmado');
            exibirModal("Sucesso", "Validação concluída com sucesso!");
        } else {
            alert(data.data.message || "Código incorreto.");
        }
    })
    .catch(err => console.error(err));
}

// 8. Atualiza o visual do Badge (Verde/Amarelo/Oculto)
window.atualizarBadge = function(campo, status) {
    const badge = document.getElementById('status-' + campo);
    if(!badge) return;

    validacaoState[campo].status = status;

    // Reseta classes
    badge.className = 'status-badge'; 
    badge.innerText = '';

    if(status === 'confirmado') {
        badge.classList.add('status-success');
        badge.innerText = 'Confirmado';
        badge.style.display = 'block';
    } else if (status === 'pendente') {
        badge.classList.add('status-pending');
        badge.innerText = 'Aguardando Confirmação';
        badge.style.display = 'block';
    } else {
        badge.style.display = 'none';
    }
}

// 9. Exibe Modal Genérico (Substitui alert padrão)
window.exibirModal = function(titulo, mensagem) {
    const modalsAlert = document.querySelectorAll('.custom-modal-overlay.alert-modal');
    modalsAlert.forEach(m => m.remove());

    const htmlModal = `
        <div class="custom-modal-overlay active alert-modal">
            <div class="custom-modal-box">
                <div class="custom-modal-title">${titulo}</div>
                <div class="custom-modal-msg">${mensagem}</div>
                <button class="custom-modal-btn" onclick="this.closest('.custom-modal-overlay').remove()">Entendi</button>
            </div>
        </div>
    `;
    document.body.insertAdjacentHTML('beforeend', htmlModal);
}

// --- INICIALIZAÇÃO DO DOM ---
document.addEventListener('DOMContentLoaded', function() {


// Variável global ou acessível para guardar a pontuação atual
let currentPasswordScore = 0;

document.getElementById('senhaX').addEventListener('input', function() {
    const val = this.value;
    const container = document.getElementById('password-strength-container');
    const bar = document.getElementById('password-strength-bar');
    const text = document.getElementById('password-strength-text');
    
    // Mostra a barra se tiver algo digitado
    if(val.length > 0) {
        container.style.display = 'block';
    } else {
        container.style.display = 'none';
        currentPasswordScore = 0;
        return;
    }

    let score = 0;

    // Lógica de Pontuação
    if (val.length >= 6) score++; // Tem tamanho mínimo
    if (val.length >= 8) score++; // Tem tamanho bom
    if (/[A-Z]/.test(val)) score++; // Tem Maiúscula
    if (/[0-9]/.test(val)) score++; // Tem Número
    if (/[^A-Za-z0-9]/.test(val)) score++; // Tem Caractere Especial (!@#$...)

    currentPasswordScore = score; // Salva para usar na validação final

    // Atualiza Visual
    let color = '';
    let label = '';
    let width = '0%';

    switch(score) {
        case 0:
        case 1:
        case 2:
            color = '#ff4d4d'; // Vermelho (Fraca)
            label = 'Fraca (Use letras maiúsculas, números e símbolos)';
            width = '30%';
            break;
        case 3:
        case 4:
            color = '#ffad33'; // Laranja (Média)
            label = 'Média';
            width = '60%';
            break;
        case 5:
            color = '#28a745'; // Verde (Forte)
            label = 'Forte';
            width = '100%';
            break;
    }

    bar.style.backgroundColor = color;
    bar.style.width = width;
    text.style.color = color;
    text.innerText = label;
});
    
    // Referências aos inputs
    const form = document.querySelector('.form-pre-cadastro');
    const inputNome = document.getElementById('nome');
    const inputCpf = document.getElementById('cpf');
    const inputNascimento = document.getElementById('nascimento');
    const inputWhatsapp = document.getElementById('whatsapp');
    const inputEmail = document.getElementById('emailL');
    const senhaX = document.getElementById('senhaX');
    const senhaY = document.getElementById('senhaY');
    const checkboxTermos = document.getElementById('aceite-termos');
    
    const wpAjaxUrl = 'https://gatasgyn.com/wp-admin/admin-ajax.php';

    // --- CANVAS ASSINATURA ---
    const canvas = document.getElementById('signature-pad');
    
    function resizeCanvas() {
        const ratio = Math.max(window.devicePixelRatio || 1, 1);
        canvas.width = canvas.offsetWidth * ratio;
        canvas.height = canvas.offsetHeight * ratio;
        canvas.getContext("2d").scale(ratio, ratio);
        // Limpa se redimensionar para evitar distorção visual, ou mantém dados se preferir
        if(signaturePad) signaturePad.clear(); 
    }
    
    // Inicializa SignaturePad
    if(canvas) {
        signaturePad = new SignaturePad(canvas, {
            backgroundColor: 'rgb(255, 255, 255)',
            penColor: 'rgb(0, 0, 0)'
        });
        window.addEventListener("resize", resizeCanvas);
        resizeCanvas(); // Chamada inicial
    }

    // --- MÁSCARAS ---
    if(inputCpf) {
        inputCpf.addEventListener('input', function(e) {
            let v = e.target.value.replace(/\D/g, "");
            if (v.length > 11) v = v.slice(0, 11);
            v = v.replace(/(\d{3})(\d)/, "$1.$2");
            v = v.replace(/(\d{3})(\d)/, "$1.$2");
            v = v.replace(/(\d{3})(\d{1,2})$/, "$1-$2");
            e.target.value = v;
        });
        // Blur CPF: Checa duplicidade apenas
        inputCpf.addEventListener('blur', function() {
            if(this.value.length >= 14) { // 11 numeros + pontos/traço
                verificarDisponibilidade('cpf', this.value);
            }
        });
    }

    if(inputNascimento) {
        inputNascimento.addEventListener('input', function(e) {
            let v = e.target.value.replace(/\D/g, "");
            if (v.length > 8) v = v.slice(0, 8);
            v = v.replace(/(\d{2})(\d)/, "$1/$2");
            v = v.replace(/(\d{2})(\d)/, "$1/$2");
            e.target.value = v;
        });
    }

    if(inputWhatsapp) {
        inputWhatsapp.addEventListener('input', function(e) {
            let v = e.target.value.replace(/\D/g, "");
            if (v.length > 11) v = v.slice(0, 11);
            v = v.replace(/^(\d{2})(\d)/g, "($1) $2");
            v = v.replace(/(\d)(\d{4})$/, "$1-$2");
            e.target.value = v;
        });

        // Blur WhatsApp: Checa duplicidade -> Se livre, oferece validação
        inputWhatsapp.addEventListener('blur', function() {
            let val = this.value;
            // Se o valor mudou em relação ao estado guardado
            if(val.length >= 14 && val !== validacaoState.whatsapp.valor) {
                // Reseta status pois o numero mudou
                atualizarBadge('whatsapp', 'nao_validado');
                
                verificarDisponibilidade('whatsapp', val, function(isDisponivel) {
                    if(isDisponivel) {
                        abrirModalEscolha('whatsapp', val);
                    }
                });
            }
        });
    }

    if(inputEmail) {
        // Blur Email: Checa duplicidade -> Se livre, oferece validação
        inputEmail.addEventListener('blur', function() {
            let val = this.value;
            if(val.includes('@') && val !== validacaoState.email.valor) {
                // Reseta status
                atualizarBadge('email', 'nao_validado');

                verificarDisponibilidade('email', val, function(isDisponivel) {
                    if(isDisponivel) {
                        abrirModalEscolha('email', val);
                    }
                });
            }
        });
    }


    // --- VALIDAÇÃO PRELIMINAR (SUBMIT DO FORM) ---
    if(form) {
        form.addEventListener('submit', async function(e) {
            e.preventDefault();
            
            const btnSubmit = document.getElementById('btn-pre-cadastro');
            const textoOriginal = btnSubmit.innerText;
            btnSubmit.innerText = "Verificando dados...";
            btnSubmit.disabled = true;

            let erros = [];

            // 1. Validação de Idade
            if (!validarIdade(inputNascimento.value)) {
                erros.push("É necessário ter pelo menos 18 anos para se cadastrar.");
            }

            // 2. Validação de Senhas
            if (senhaX.value !== senhaY.value) {
                erros.push("As senhas digitadas não coincidem.");
            }
            if (senhaX.value.length < 6) { 
                 erros.push("A senha deve ter pelo menos 6 caracteres.");
            }

            // Verifica se a força é suficiente (Baseado na lógica do EventListener acima)
            // Se você não quiser depender da variável global, pode recalcular aqui:
            let scoreFinal = 0;
            const s = senhaX.value;
            if (s.length >= 6) scoreFinal++;
            if (s.length >= 8) scoreFinal++;
            if (/[A-Z]/.test(s)) scoreFinal++;
            if (/[0-9]/.test(s)) scoreFinal++;
            if (/[^A-Za-z0-9]/.test(s)) scoreFinal++;

            // Defina aqui o nível de rigor. 
            // 3 significa que precisa ter pelo menos 8 chars OU misturar letras/números/maiúsculas
            if (scoreFinal < 3) { 
                erros.push("A senha é muito fraca. Use pelo menos 8 caracteres, letras maiúsculas e números.");
            }

            // 3. Validação Captcha
            const captchaResponse = form.querySelector('[name="cf-turnstile-response"]');
            // Nota: Se estiver testando localmente sem captcha, comente a linha abaixo
            if (!captchaResponse || captchaResponse.value === "") {
                erros.push("Por favor, confirme que você não é um robô (Captcha).");
            }

            // 4. Validação Whatsapp Tamanho
            if(inputWhatsapp.value.length < 14) {
                 erros.push("Por favor, preencha um número de WhatsApp válido.");
            }

            // 5. Validação Termos
            if(!checkboxTermos.checked) {
                erros.push("Você precisa aceitar os termos de uso para continuar.");
            }

            // Restaura botão
            btnSubmit.innerText = textoOriginal;
            btnSubmit.disabled = false;

            // --- DECISÃO ---
            if (erros.length > 0) {
                exibirModal("Atenção", erros.join("<br>"));
            } else {
                // SUCESSO NA VALIDAÇÃO PRELIMINAR -> ABRIR MODAL DE RESUMO
                abrirModalResumo();
            }
        });
    }

    // Função auxiliar para idade
    function validarIdade(dataString) {
        if(dataString.length !== 10) return false;
        const partes = dataString.split('/');
        const dia = parseInt(partes[0], 10);
        const mes = parseInt(partes[1], 10) - 1;
        const ano = parseInt(partes[2], 10);
        const dataNasc = new Date(ano, mes, dia);
        const dataAtual = new Date();
        let idade = dataAtual.getFullYear() - dataNasc.getFullYear();
        const mesAtual = dataAtual.getMonth();
        if (mesAtual < mes || (mesAtual === mes && dataAtual.getDate() < dia)) idade--;
        return idade >= 18;
    }

    // Função para Preencher e Abrir o Modal de Resumo
    function abrirModalResumo() {
        // Preencher dados visuais
        document.getElementById('resumo-nome').innerText = inputNome.value;
        document.getElementById('resumo-cpf').innerText = inputCpf.value;
        document.getElementById('resumo-nasc').innerText = inputNascimento.value;
        document.getElementById('resumo-email').innerText = inputEmail.value;
        document.getElementById('resumo-zap').innerText = inputWhatsapp.value;

        // Abrir Modal
        document.getElementById('modal-resumo-overlay').classList.add('active');
        
        // Importante: Redimensionar o canvas após o modal ficar visível
        setTimeout(resizeCanvas, 100);
    }

    // --- SUBMISSÃO FINAL (BOTÃO "SALVAR E CONCLUIR" NO MODAL) ---
    const btnFinalizar = document.getElementById('btn-finalizar-cadastro');
    if(btnFinalizar) {
        btnFinalizar.addEventListener('click', function() {
            
            // Verifica se assinou
            if (signaturePad && signaturePad.isEmpty()) {
                alert("Por favor, faça sua assinatura no quadro branco.");
                return;
            }

            const btn = this;
            btn.innerText = "Processando...";
            btn.disabled = true;

            // Prepara envio Ajax
            const formData = new FormData();
            formData.append('action', 'harmonics_processar_cadastro');
            formData.append('nome', inputNome.value);
            formData.append('cpf', inputCpf.value);
            formData.append('nascimento', inputNascimento.value);
            formData.append('email', inputEmail.value);
            formData.append('whatsapp', inputWhatsapp.value);
            formData.append('senha', senhaX.value);
            
            // Adiciona a Assinatura (se precisar salvar)
            // formData.append('assinatura', signaturePad.toDataURL()); 

            // ADICIONE/DESCOMENTE ESTAS LINHAS:
            formData.append('assinatura', signaturePad.toDataURL()); 
            formData.append('info_acesso', document.getElementById('infosUserAgent').innerText);


            // Adiciona Status das Validações
            formData.append('status_email', validacaoState.email.status);
            formData.append('status_whatsapp', validacaoState.whatsapp.status);

            fetch(wpAjaxUrl, {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                // Fecha modal de resumo
                fecharModalResumo();

                if(data.success) {
                    exibirModal("Sucesso!", "O pré-cadastro foi criado com sucesso.<br>Aguarde a análise das informações para a conclusão do seu cadastro. Você receberá a confirmação por e-mail ou mensagem via WhatsApp.");
                    
                    // Limpar formulário
                    form.reset();
                    limparAssinatura();
                    checkboxTermos.checked = false;
                    
                    // Reset badges
                    atualizarBadge('email', 'nao_validado');
                    atualizarBadge('whatsapp', 'nao_validado');
                    validacaoState.email.status = 'nao_validado';
                    validacaoState.whatsapp.status = 'nao_validado';
                    validacaoState.email.valor = '';
                    validacaoState.whatsapp.valor = '';

                } else {
                    exibirModal("Erro", data.data.message || "Erro ao processar cadastro.");
                }
                btn.innerText = "Salvar e concluir pré cadastro";
                btn.disabled = false;
            })
            .catch(err => {
                console.error(err);
                fecharModalResumo();
                exibirModal("Erro", "Ocorreu um erro de conexão. Tente novamente.");
                btn.innerText = "Salvar e concluir pré cadastro";
                btn.disabled = false;
            });
        });
    }

});
</script>


<script-disabled style="display:none;">
 

// Funções globais para os Modais de Termos
function abrirModalTermos() {
    document.getElementById('modal-termos-overlay').classList.add('active');
}
function fecharModalTermos() {
    document.getElementById('modal-termos-overlay').classList.remove('active');
}

// Variável global para o SignaturePad
let signaturePad = null;

function fecharModalResumo() {
    document.getElementById('modal-resumo-overlay').classList.remove('active');
}

function limparAssinatura() {
    if(signaturePad) signaturePad.clear();
}

document.addEventListener('DOMContentLoaded', function() {
    
    const form = document.querySelector('.form-pre-cadastro');
    const inputNome = document.getElementById('nome');
    const inputCpf = document.getElementById('cpf');
    const inputNascimento = document.getElementById('nascimento');
    const inputWhatsapp = document.getElementById('whatsapp');
    const inputEmail = document.getElementById('emailL');
    const senhaX = document.getElementById('senhaX');
    const senhaY = document.getElementById('senhaY');
    const checkboxTermos = document.getElementById('aceite-termos');
    
    // Inicializar SignaturePad
    const canvas = document.getElementById('signature-pad');
    
    // Ajuste de DPI para o Canvas não ficar borrado
    function resizeCanvas() {
        const ratio =  Math.max(window.devicePixelRatio || 1, 1);
        canvas.width = canvas.offsetWidth * ratio;
        canvas.height = canvas.offsetHeight * ratio;
        canvas.getContext("2d").scale(ratio, ratio);
        if(signaturePad) signaturePad.clear();
    }
    
    // Inicializa
    signaturePad = new SignaturePad(canvas, {
        backgroundColor: 'rgb(255, 255, 255)',
        penColor: 'rgb(0, 0, 0)'
    });
    
    window.addEventListener("resize", resizeCanvas);

    // URL do Ajax do WordPress
    const wpAjaxUrl = 'https://gatasgyn.com/wp-admin/admin-ajax.php';

    // --- MÁSCARAS ---
    inputCpf.addEventListener('input', function(e) {
        let v = e.target.value.replace(/\D/g, "");
        if (v.length > 11) v = v.slice(0, 11);
        v = v.replace(/(\d{3})(\d)/, "$1.$2");
        v = v.replace(/(\d{3})(\d)/, "$1.$2");
        v = v.replace(/(\d{3})(\d{1,2})$/, "$1-$2");
        e.target.value = v;
    });

    inputNascimento.addEventListener('input', function(e) {
        let v = e.target.value.replace(/\D/g, "");
        if (v.length > 8) v = v.slice(0, 8);
        v = v.replace(/(\d{2})(\d)/, "$1/$2");
        v = v.replace(/(\d{2})(\d)/, "$1/$2");
        e.target.value = v;
    });

    inputWhatsapp.addEventListener('input', function(e) {
        let v = e.target.value.replace(/\D/g, "");
        if (v.length > 11) v = v.slice(0, 11);
        v = v.replace(/^(\d{2})(\d)/g, "($1) $2");
        v = v.replace(/(\d)(\d{4})$/, "$1-$2");
        e.target.value = v;
    });

    // --- VALIDAÇÃO INICIAL ---

    form.addEventListener('submit', async function(e) {
        e.preventDefault();
        
        const btnSubmit = document.getElementById('btn-pre-cadastro');
        const textoOriginal = btnSubmit.innerText;
        btnSubmit.innerText = "Verificando dados...";
        btnSubmit.disabled = true;

        let erros = [];

        // 1. Validação de Idade
        if (!validarIdade(inputNascimento.value)) {
            erros.push("É necessário ter pelo menos 18 anos para se cadastrar.");
        }

        // 2. Validação de Senhas
        if (senhaX.value !== senhaY.value) {
            erros.push("As senhas digitadas não coincidem.");
        }
        if (senhaX.value.length < 6) { 
             erros.push("A senha deve ter pelo menos 6 caracteres.");
        }

        // 3. Validação Captcha
        const captchaResponse = form.querySelector('[name="cf-turnstile-response"]');
        if (!captchaResponse || captchaResponse.value === "") {
            erros.push("Por favor, confirme que você não é um robô (Captcha).");
        }

        // 4. Validação Whatsapp
        if(inputWhatsapp.value.length < 15) {
             erros.push("Por favor, preencha um número de WhatsApp válido.");
        }

        // 5. Validação Termos (NOVO)
        if(!checkboxTermos.checked) {
            erros.push("Você precisa aceitar os termos de uso para continuar.");
        }

        // 6. Verificação de E-mail via AJAX
        if (inputEmail.value.includes('@') && erros.length === 0) {
            try {
                const emailDisponivel = await verificarEmailServidor(inputEmail.value);
                if (!emailDisponivel) {
                    erros.push("Este e-mail já está cadastrado em nosso sistema.");
                }
            } catch (error) {
                console.error("Erro na verificação de e-mail", error);
            }
        }

        // Restaura botão
        btnSubmit.innerText = textoOriginal;
        btnSubmit.disabled = false;

        // --- DECISÃO ---
        if (erros.length > 0) {
            exibirModal("Atenção", erros.join("<br>"));
        } else {
            // SUCESSO NA VALIDAÇÃO PRELIMINAR -> ABRIR MODAL DE RESUMO
            abrirModalResumo();
        }
    });

    // Função para Preencher e Abrir o Modal de Resumo
    function abrirModalResumo() {
        // Preencher dados
        document.getElementById('resumo-nome').innerText = inputNome.value;
        document.getElementById('resumo-cpf').innerText = inputCpf.value;
        document.getElementById('resumo-nasc').innerText = inputNascimento.value;
        document.getElementById('resumo-email').innerText = inputEmail.value;
        document.getElementById('resumo-zap').innerText = inputWhatsapp.value;

        // Abrir Modal
        document.getElementById('modal-resumo-overlay').classList.add('active');
        
        // Importante: Redimensionar o canvas após o modal ficar visível
        setTimeout(resizeCanvas, 100);
    }

    // --- SUBMISSÃO FINAL (BOTÃO DO MODAL DE RESUMO) ---
    document.getElementById('btn-finalizar-cadastro').addEventListener('click', function() {
        
        // Verifica se assinou
        if (signaturePad.isEmpty()) {
            alert("Por favor, faça sua assinatura no quadro branco.");
            return;
        }

        // Se quiser pegar a imagem da assinatura no futuro:
        // const signatureData = signaturePad.toDataURL(); 

        const btnFinalizar = this;
        btnFinalizar.innerText = "Processando...";
        btnFinalizar.disabled = true;

        // Prepara envio Ajax
        const formData = new FormData();
        formData.append('action', 'harmonics_processar_cadastro');
        formData.append('nome', inputNome.value);
        formData.append('cpf', inputCpf.value);
        formData.append('nascimento', inputNascimento.value);
        formData.append('email', inputEmail.value);
        formData.append('whatsapp', inputWhatsapp.value);
        formData.append('senha', senhaX.value);
        // formData.append('assinatura', signaturePad.toDataURL()); // Se decidir salvar depois

        fetch(wpAjaxUrl, {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            // Fecha modal de resumo
            fecharModalResumo();

            if(data.success) {
                exibirModal("Sucesso!", "O pré-cadastro foi feito com sucesso.<br><br>Após uma avaliação criteriosa da nossa equipe, retornaremos o contato em até 48 horas úteis.");
                form.reset();
                limparAssinatura();
                checkboxTermos.checked = false;
            } else {
                exibirModal("Erro", data.data.message || "Erro ao processar cadastro.");
            }
            btnFinalizar.innerText = "Salvar e concluir pré cadastro";
            btnFinalizar.disabled = false;
        })
        .catch(err => {
            console.error(err);
            fecharModalResumo();
            exibirModal("Erro", "Ocorreu um erro de conexão. Tente novamente.");
            btnFinalizar.innerText = "Salvar e concluir pré cadastro";
            btnFinalizar.disabled = false;
        });
    });

    // --- FUNÇÕES AUXILIARES ---

    async function verificarEmailServidor(email) {
        const formData = new FormData();
        formData.append('action', 'verificar_email_existente');
        formData.append('email', email);

        const response = await fetch(wpAjaxUrl, {
            method: 'POST',
            body: formData
        });

        const data = await response.json();
        return data.success; 
    }

    function validarIdade(dataString) {
        if(dataString.length !== 10) return false;
        const partes = dataString.split('/');
        const dia = parseInt(partes[0], 10);
        const mes = parseInt(partes[1], 10) - 1;
        const ano = parseInt(partes[2], 10);
        const dataNasc = new Date(ano, mes, dia);
        const dataAtual = new Date();
        let idade = dataAtual.getFullYear() - dataNasc.getFullYear();
        const mesAtual = dataAtual.getMonth();
        if (mesAtual < mes || (mesAtual === mes && dataAtual.getDate() < dia)) idade--;
        return idade >= 18;
    }

    function exibirModal(titulo, mensagem) {
        // Remove modal anterior se existir (apenas o de alerta, não os estruturais)
        // Nota: Mudei a classe para evitar conflito com os novos modais fixos
        const modalsAlert = document.querySelectorAll('.custom-modal-overlay.alert-modal');
        modalsAlert.forEach(m => m.remove());

        const htmlModal = `
            <div class="custom-modal-overlay active alert-modal">
                <div class="custom-modal-box">
                    <div class="custom-modal-title">${titulo}</div>
                    <div class="custom-modal-msg">${mensagem}</div>
                    <button class="custom-modal-btn" onclick="this.closest('.custom-modal-overlay').remove()">Entendi</button>
                </div>
            </div>
        `;
        document.body.insertAdjacentHTML('beforeend', htmlModal);
    }
});
</script>