{"id":121,"date":"2026-04-22T14:06:13","date_gmt":"2026-04-22T14:06:13","guid":{"rendered":"https:\/\/oyes.azclan.com\/br\/?page_id=121"},"modified":"2026-05-15T21:59:48","modified_gmt":"2026-05-15T21:59:48","slug":"lista-oyes","status":"publish","type":"page","link":"https:\/\/oyes.azclan.com\/br\/","title":{"rendered":"Lista Oyes"},"content":{"rendered":"\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size has-medium-font-size is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f17950e3 wp-block-buttons-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/oyes.azclan.com\/br\/criar-oyes\/\" style=\"border-style:none;border-width:0px;border-top-left-radius:26px;border-top-right-radius:26px;border-bottom-left-radius:26px;border-bottom-right-radius:26px;color:#040404;background-color:#fdbd00;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--20)\">\ud83d\udc94 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\">Criar Oyes<\/mark><\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-small-font-size is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-2b1bd72f wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>\u2705 O que \u00e9 Oyes<\/summary>\n<p><strong>Quantas vezes voc\u00ea cruzou com um olhar profundo no caf\u00e9, sentiu aquele frio na barriga no parque, mas abaixou a cabe\u00e7a por medo de parecer invasivo? \u2615\ufe0f\u2728<\/strong><br>Vivemos em um mundo hiperconectado, mas nunca foi t\u00e3o dif\u00edcil dizer um simples \u201coi\u201d. O medo da m\u00e1 interpreta\u00e7\u00e3o nos calou. Mas e se houvesse um sinal? Um c\u00f3digo de luz verde que diz: \u201cEu tamb\u00e9m quero te conhecer\u201d?<\/p>\n\n\n\n<p>Apresentamos o <strong>Oyes<\/strong>. \ud83e\udd8b<br>Mais que um c\u00f3digo, o Oyes \u00e9 o seu novo superpoder social. Ele \u00e9 o sorriso que encontra destino, a seguran\u00e7a de que a reciprocidade existe e o fim do \u201ce se?\u201d. No f\u00edsico, ele te protege e te convida. No online, ele te aproxima de quem vibra na mesma frequ\u00eancia e j\u00e1 divide os mesmos espa\u00e7os que voc\u00ea.<\/p>\n\n\n\n<p>Chega de conex\u00f5es vazias a quil\u00f4metros de dist\u00e2ncia. \u00c9 hora do org\u00e2nico, do real, do olhar quem brilha perto de casa.<br>\u2728 <strong>Crie o seu Oyes hoje e deixe o destino saber que voc\u00ea est\u00e1 pronto.<\/strong><\/p>\n<\/details>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<script>\n        function handleBackButton() {\n            if (document.referrer && document.referrer !== window.location.href) {\n                window.history.back();\n            } else {\n                window.location.href = \"https:\/\/oyes.azclan.com\/br\/festas-e-eventos-no-cmc\";\n            }\n        }\n        <\/script><form method=\"GET\" action=\"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/pages\/121\" class=\"search-form\" id=\"search-form\"><div id=\"search-filters\"><div class=\"search-group\" id=\"default-search-group\"><input type=\"text\" name=\"search_values[]\" value=\"\" placeholder=\"Buscar Oyes...\" class=\"search-input\"><div class=\"search-box-selector default-hidden\" style=\"display:none;\"><select name=\"search_fields[]\" class=\"search-select\" onchange=\"changeInputType(this)\"><option value=\"all_fields\" selected>Todos os campos<\/option><option value=\"nickname\">Oyes<\/option><option value=\"neighborhood\">Bairro<\/option><option value=\"year_manufacture\">Cargo<\/option><option value=\"gender\">G\u00eanero<\/option><option value=\"whouwant\">Quero Conhecer<\/option><option value=\"display_name\">Nome do usu\u00e1rio<\/option><option value=\"review_type\">Status<\/option><option value=\"vehicle\">Filosofia (Categoria)<\/option><option value=\"brand\">Filosofia (Subcategoria)<\/option><option value=\"move\">Gera\u00e7\u00e3o<\/option><option value=\"view\">Mobilidade pessoal<\/option><option value=\"model\">Animal<\/option><option value=\"signo\">Signo<\/option><option value=\"raio\">Raio<\/option><option value=\"styles\">Ocupa\u00e7\u00e3o<\/option><option value=\"state\">Estado<\/option><option value=\"city\">Cidade<\/option><\/select><\/div><\/div><div id=\"additional-filters\" style=\"display:none;\"><\/div><\/div><div class=\"search-actions\"><button type=\"button\" id=\"add-filter\">+ Filtrar<\/button><button type=\"submit\" class=\"search-button\">Buscar<\/button><\/div><\/form><h2 class=\"reviews-title\">Oyes mais recentes<\/h2><div id=\"oyes-results-container\"><div class=\"reviews-container skeleton-container\" id=\"reviews-container\"><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/brasilia-df\/\"><img decoding=\"async\" src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/2026\/05\/oyes-802-1779041465-0-1.jpg\" alt=\"Foto do Perfil\"><\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/brasilia-df\/\">\/ Bras\u00edlia \u2013 DF<\/a><\/h2><span class=\"review-badge\">\ud83d\udc91 Em negocia\u00e7\u00e3o<\/span><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> Prefiro n\u00e3o dizer<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Homens e Mulheres<\/p><p><strong>\ud83c\udfaf Inten\u00e7\u00e3o :<\/strong> Busco Algo Duradouro<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Gera\u00e7\u00e3o X (1965-1980)<\/p><\/div><\/div><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/assis-brasil-ac\/\" class=\"review-photo-empty\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 60\" width=\"64\" height=\"64\">\n            <rect x=\"2\" y=\"2\" width=\"76\" height=\"56\" rx=\"6\" ry=\"6\"\n                fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-dasharray=\"6,3\"\/>\n            <circle cx=\"30\" cy=\"24\" r=\"7\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\"\/>\n            <path d=\"M8 54 Q28 30 42 40 Q54 50 72 28\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <line x1=\"20\" y1=\"8\" x2=\"60\" y2=\"52\" stroke=\"#e0e0e0\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\"\/>\n        <\/svg>\n        <span>Sem foto<\/span>\n    <\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/assis-brasil-ac\/\">\/ Assis Brasil \u2013 AC<\/a><\/h2><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> Homem<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Mulheres<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Gera\u00e7\u00e3o X (1965-1980)<\/p><\/div><\/div><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/galo-florianopolis-sc\/\"><img decoding=\"async\" src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/2026\/05\/review-731-1778761003-0-1.jpg\" alt=\"Foto do Perfil\"><\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/galo-florianopolis-sc\/\">Galo \/ Florian\u00f3polis \u2013 SC<\/a><\/h2><span class=\"review-badge\">\ud83d\udc91 Pista livre<\/span><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> Homem<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Mulheres<\/p><p><strong>\ud83c\udfaf Inten\u00e7\u00e3o :<\/strong> Companhia para Camping<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Gera\u00e7\u00e3o X (1965-1980)<\/p><\/div><\/div><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/cutias-ap\/\" class=\"review-photo-empty\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 60\" width=\"64\" height=\"64\">\n            <rect x=\"2\" y=\"2\" width=\"76\" height=\"56\" rx=\"6\" ry=\"6\"\n                fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-dasharray=\"6,3\"\/>\n            <circle cx=\"30\" cy=\"24\" r=\"7\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\"\/>\n            <path d=\"M8 54 Q28 30 42 40 Q54 50 72 28\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <line x1=\"20\" y1=\"8\" x2=\"60\" y2=\"52\" stroke=\"#e0e0e0\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\"\/>\n        <\/svg>\n        <span>Sem foto<\/span>\n    <\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/cutias-ap\/\">\/ Cutias \u2013 AP<\/a><\/h2><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> N\u00e3o Bin\u00e1rio<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Mulheres<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Baby Boomers (1946-1964)<\/p><\/div><\/div><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/aguia-crato-ce\/\"><img decoding=\"async\" src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/2026\/05\/oyes-728-1778703331-0-1.jpg\" alt=\"Foto do Perfil\"><\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/aguia-crato-ce\/\">Aguia \/ Crato \u2013 CE<\/a><\/h2><span class=\"review-badge\">\ud83d\udc91 Em negocia\u00e7\u00e3o<\/span><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> Mulher<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Homens<\/p><p><strong>\ud83c\udfaf Inten\u00e7\u00e3o :<\/strong> Busco Algo Duradouro<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Gera\u00e7\u00e3o Z (1997-2008)<\/p><\/div><\/div><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/geracao-x-1965-1980-dog\/\"><img decoding=\"async\" src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/2026\/04\/oyes-146-1776898039-0-1.jpg\" alt=\"Foto do Perfil\"><\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/geracao-x-1965-1980-dog\/\">Gera\u00e7\u00e3o X (1965-1980) \u2013 Dog<\/a><\/h2><span class=\"review-badge\">\ud83d\udc91 Off pro amor, on pro rol\u00ea<\/span><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> Homem<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Mulheres<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Gera\u00e7\u00e3o X (1965-1980)<\/p><\/div><\/div><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/geracao-z-1997-2008-dasd\/\" class=\"review-photo-empty\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 60\" width=\"64\" height=\"64\">\n            <rect x=\"2\" y=\"2\" width=\"76\" height=\"56\" rx=\"6\" ry=\"6\"\n                fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-dasharray=\"6,3\"\/>\n            <circle cx=\"30\" cy=\"24\" r=\"7\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\"\/>\n            <path d=\"M8 54 Q28 30 42 40 Q54 50 72 28\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <line x1=\"20\" y1=\"8\" x2=\"60\" y2=\"52\" stroke=\"#e0e0e0\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\"\/>\n        <\/svg>\n        <span>Sem foto<\/span>\n    <\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/geracao-z-1997-2008-dasd\/\">Gera\u00e7\u00e3o Z (1997-2008) \u2013 dasd<\/a><\/h2><span class=\"review-badge\">\ud83d\udc91 Vivendo meu momento<\/span><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> Homem<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Homens<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Gera\u00e7\u00e3o Z (1997-2008)<\/p><\/div><\/div><div class=\"review-card\"><div class=\"review-photo\"><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/fds\/\" class=\"review-photo-empty\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 80 60\" width=\"64\" height=\"64\">\n            <rect x=\"2\" y=\"2\" width=\"76\" height=\"56\" rx=\"6\" ry=\"6\"\n                fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-dasharray=\"6,3\"\/>\n            <circle cx=\"30\" cy=\"24\" r=\"7\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\"\/>\n            <path d=\"M8 54 Q28 30 42 40 Q54 50 72 28\" fill=\"none\" stroke=\"#ccc\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <line x1=\"20\" y1=\"8\" x2=\"60\" y2=\"52\" stroke=\"#e0e0e0\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\"\/>\n        <\/svg>\n        <span>Sem foto<\/span>\n    <\/a><\/div><div class=\"review-content\"><h2><a href=\"https:\/\/oyes.azclan.com\/br\/oyes\/fds\/\">Gera\u00e7\u00e3o Y (1981-1996) \u2013 fds<\/a><\/h2><p><strong>\ud83d\udc64 G\u00eanero: <\/strong> Homem<\/p><p><strong>\u2b50 Quero conhecer :<\/strong> Mulheres<\/p><p><strong>\ud83d\uddd3\ufe0f Gera\u00e7\u00e3o:<\/strong> Gera\u00e7\u00e3o Y (1981-1996)<\/p><\/div><\/div><\/div><div class=\"pagination\" id=\"pagination-container\"><div class=\"pagination\"><span class=\"page-number current\">1<\/span><a href=\"https:\/\/oyes.azclan.com\/br\/br\/wp-json\/wp\/v2\/pages\/121?paged=2\" class=\"page-number\" data-page=\"2\">2<\/a><a href=\"https:\/\/oyes.azclan.com\/br\/br\/wp-json\/wp\/v2\/pages\/121?paged=2\" class=\"page-number\" data-page=\"2\">\u00bb<\/a><\/div><\/div><\/div><link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\"><style>\n        #additional-filters {\n    transition: all 0.3s ease;\n    flex-direction: column;\n}\n\n#additional-filters:empty {\n    display: none !important;\n}\n\n#default-search-group .remove-filter {\n    display: none; \/* Esconde o bot\u00e3o de remover no grupo padr\u00e3o *\/\n}\n        .search-form {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 20px;\n            width: 100%;\n        }\n        #search-filters {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 10px;\n            width: 100%;\n        }\n        #search-filters > div {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            max-width: 990px;\n            width: 100%;\n            gap: 8px;\n            margin-bottom: 10px;\n        }\n        #search-filters > div > div {\n            display: flex;\n            align-items: center;\n        }\n        .search-actions {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n        .search-input {\n            width: fit-content !important;\n            padding: 12px !important;\n            font-size: 16px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            outline: none;\n        }\n        .review-photo-empty {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            gap: 8px;\n            text-decoration: none;\n            color: #bbb;\n            font-size: 13px;\n            font-weight: 500;\n            letter-spacing: 0.3px;\n            background: #fafafa;\n            border-bottom: 1px dashed #ddd;\n        }\n        .search-button {\n            padding: 14px 30px !important;\n            font-size: 16px !important;\n            background: #7A1076 !important;\n            color: #fff;\n            border: none !important;\n            border-radius: 5px !important;\n            cursor: pointer !important;\n            transition: background 0.3s ease !important;\n        }\n        .search-button:hover { background: #5C0C59 !important; }\n        .reviews-title {\n            text-align: center;\n            font-size: 24px;\n            margin-bottom: 20px;\n            color: #0073aa;\n        }\n        .reviews-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: center;\n            padding: 10px;\n            font-size: 14px;\n            color: #555;\n            margin: 5px 0;\n            min-height: 400px;\n        }\n        .review-card {\n            width: 100%;\n            max-width: 400px;\n            background: #fff;\n            border-radius: 10px;\n            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            transition: transform 0.3s ease-in-out;\n        }\n        .review-card:hover { transform: translateY(-5px); }\n        .review-header {\n            display: flex;\n            align-items: center;\n            padding: 15px;\n            background: #ffffff;\n            color: #328bc3;\n        }\n        .review-author {\n            display: flex;\n            align-items: center;\n            text-decoration: none;\n            color: #328bc3;\n        }\n        .review-author img {\n            border-radius: 50%;\n            margin-right: 10px;\n        }\n        .review-content { padding: 15px; }\n        .review-content p { margin: 0 0 5px; }\n        .review-content h2 { font-size: 20px; margin: 10px 0; color: #0073aa; }\n        .review-content h2 a { text-decoration: none; color: #0073aa; }\n        .review-content h2 a:hover { text-decoration: underline; }\n        .no-reviews { text-align: center; font-size: 18px; color: #777; }\n        .pagination {\n            display: flex;\n            justify-content: center;\n            margin-top: 20px;\n            gap: 8px;\n        }\n        .pagination a, .pagination .page-number {\n            padding: 8px 12px;\n            border-radius: 5px;\n            text-decoration: none;\n            font-weight: bold;\n            color: #0073aa;\n            background: #f8f8f8;\n            border: 1px solid #ddd;\n            transition: background 0.3s ease, color 0.3s ease;\n        }\n        .pagination a:hover { background: #0073aa; color: #fff; }\n        .pagination .current {\n            background: #0073aa;\n            color: #fff;\n            border: 1px solid #0073aa;\n        }\n        .search-select {\n            height: 100%;\n            width: auto;\n            padding: 12px 40px 12px 12px;\n            border-radius: 5px;\n            font-size: 16px;\n        }\n        #add-filter {\n            padding: 14px 20px;\n            margin: 5px;\n            font-size: 16px;\n            background: #7A1076 !important;\n            color: #fff;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background 0.3s ease;\n        }\n        #add-filter:hover { background: #5C0C59 !important; }\n        .remove-filter {\n            border: none;\n            background: none;\n            cursor: pointer;\n            font-size: 16px;\n            margin-left: 0.5rem;\n            display: contents;\n        }\n        .brand-select { height: 100%; }\n        .review-photo {\n            width: 100%;\n            height: 200px;\n            overflow: hidden;\n            border-bottom: 1px solid #eee;\n        }\n        .review-photo img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease;\n        }\n        .review-card:hover .review-photo img { transform: scale(1.05); }\n        .back-button-container { text-align: left; margin-bottom: 20px; }\n        .back-button {\n            background: linear-gradient(135deg, #0073e6, #005bb5);\n            color: #f6fbff;\n            border: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            cursor: pointer;\n            font-size: 18px;\n            transition: background 0.3s;\n        }\n        .back-button:hover { background-color: #043e71; }\n        .review-badge {\n            display: inline-block;\n            font-size: 11px;\n            font-weight: bold;\n            padding: 3px 10px;\n            border-radius: 20px;\n            background: #0073aa;\n            color: #fff;\n            margin-bottom: 6px;\n        }\n        \n        \/* Loading state para selects de estado\/cidade *\/\n        .state-select.loading,\n        .city-select.loading {\n            opacity: 0.6;\n            pointer-events: none;\n        }\n        \n        \/* Skeleton Loading Styles *\/\n        .skeleton-card {\n            width: 100%;\n            max-width: 400px;\n            background: #fff;\n            border-radius: 10px;\n            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n        }\n        .skeleton-photo {\n            width: 100%;\n            height: 200px;\n            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n            background-size: 200% 100%;\n            animation: loading 1.5s infinite;\n        }\n        .skeleton-content {\n            padding: 15px;\n        }\n        .skeleton-title {\n            height: 24px;\n            width: 80%;\n            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n            background-size: 200% 100%;\n            animation: loading 1.5s infinite;\n            border-radius: 4px;\n            margin-bottom: 15px;\n        }\n        .skeleton-line {\n            height: 16px;\n            width: 100%;\n            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n            background-size: 200% 100%;\n            animation: loading 1.5s infinite;\n            border-radius: 4px;\n            margin-bottom: 10px;\n        }\n        .skeleton-line.short {\n            width: 60%;\n        }\n        @keyframes loading {\n            0% {\n                background-position: 200% 0;\n            }\n            100% {\n                background-position: -200% 0;\n            }\n        }\n        \n        @media (max-width: 425px) {\n            .search-input { width: 100%; }\n            .search-select { width: 100%; }\n            #search-filters > div > div { width: 100%; }\n        }\n        <\/style><script>\n        (function() {\n            const SELECT_OPTIONS  = {\"review_type\":[\"Em carreira solo\",\"Pista livre\",\"Off pro amor, on pro rol\\u00ea\",\"Vivendo meu momento\",\"Dispon\\u00edvel (mas seletivo)\",\"Colecionando momentos\",\"Em negocia\\u00e7\\u00e3o\",\"Deixando fluir\",\"Exclusividade tempor\\u00e1ria\",\"Fiel \\u00e0 ficante\"],\"vehicle\":[\"Religiosa\",\"Espiritualista\",\"Espirita\",\"Neutra\"],\"move\":[\"Baby Boomers (1946-1964)\",\"Gera\\u00e7\\u00e3o X (1965-1980)\",\"Gera\\u00e7\\u00e3o Y (1981-1996)\",\"Gera\\u00e7\\u00e3o Z (1997-2008)\"],\"view\":[\"Ve\\u00edculo pr\\u00f3prio\",\"Ve\\u00edculo compartilhado \\\/ familiar\",\"Transporte p\\u00fablico \\\/ apps\",\"Sem ve\\u00edculo no momento\",\"Prefere n\\u00e3o informar\"],\"signo\":[\"\\u00c1ries \\ud83d\\udc0f\",\"Touro \\ud83d\\udc02\",\"G\\u00eameos \\ud83d\\udc6f\",\"C\\u00e2ncer \\ud83e\\udd80\",\"Le\\u00e3o \\ud83e\\udd81\",\"Virgem \\ud83d\\udc69\",\"Libra \\u2696\\ufe0f\",\"Escorpi\\u00e3o \\ud83e\\udd82\",\"Sagit\\u00e1rio \\ud83c\\udff9\",\"Capric\\u00f3rnio \\ud83d\\udc10\",\"Aqu\\u00e1rio \\ud83c\\udffa\",\"Peixes \\ud83d\\udc20\"],\"raio\":[\"Azul \\ud83d\\udd35 (Vontade, Poder)\",\"Amarelo \\ud83d\\udfe1 (Sabedoria, Ilumina\\u00e7\\u00e3o)\",\"Rosa \\ud83d\\udc96 (Amor Divino)\",\"Branco \\u26aa (Pureza, Ascens\\u00e3o)\",\"Verde \\ud83d\\udfe2 (Cura, Verdade)\",\"Rubi \\ud83d\\udfe0 (Paz, Devo\\u00e7\\u00e3o)\",\"Violeta \\ud83d\\udfe3 (Transmuta\\u00e7\\u00e3o, Miseric\\u00f3rdia)\"],\"styles\":[\"Sa\\u00fade\",\"Tecnologia & TI\",\"Educa\\u00e7\\u00e3o\",\"Direito & Justi\\u00e7a\",\"Engenharia & Arquitetura\",\"Administra\\u00e7\\u00e3o & Corporativo\",\"Finan\\u00e7as & Contabilidade\",\"Com\\u00e9rcio & Vendas\",\"Marketing & Comunica\\u00e7\\u00e3o\",\"Artes & Entretenimento\",\"Gastronomia & Hospitalidade\",\"Constru\\u00e7\\u00e3o & Servi\\u00e7os T\\u00e9cnicos\",\"Seguran\\u00e7a P\\u00fablica & For\\u00e7as Armadas\",\"Transporte & Log\\u00edstica\",\"Agroneg\\u00f3cio & Meio Ambiente\",\"Aut\\u00f4nomo \\\/ Empreendedor\",\"Estudante\",\"Aposentado\",\"Outro\"]};\n            const FILTER_OPTIONS  = {\"all_fields\":\"Todos os campos\",\"nickname\":\"Oyes\",\"neighborhood\":\"Bairro\",\"year_manufacture\":\"Cargo\",\"gender\":\"G\\u00eanero\",\"whouwant\":\"Quero Conhecer\",\"display_name\":\"Nome do usu\\u00e1rio\",\"review_type\":\"Status\",\"vehicle\":\"Filosofia (Categoria)\",\"brand\":\"Filosofia (Subcategoria)\",\"move\":\"Gera\\u00e7\\u00e3o\",\"view\":\"Mobilidade pessoal\",\"model\":\"Animal\",\"signo\":\"Signo\",\"raio\":\"Raio\",\"styles\":\"Ocupa\\u00e7\\u00e3o\",\"state\":\"Estado\",\"city\":\"Cidade\"};\n            const IBGE_ESTADOS    = [{\"id\":12,\"sigla\":\"AC\",\"nome\":\"Acre\",\"regiao\":{\"id\":1,\"sigla\":\"N\",\"nome\":\"Norte\"}},{\"id\":27,\"sigla\":\"AL\",\"nome\":\"Alagoas\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":16,\"sigla\":\"AP\",\"nome\":\"Amap\\u00e1\",\"regiao\":{\"id\":1,\"sigla\":\"N\",\"nome\":\"Norte\"}},{\"id\":13,\"sigla\":\"AM\",\"nome\":\"Amazonas\",\"regiao\":{\"id\":1,\"sigla\":\"N\",\"nome\":\"Norte\"}},{\"id\":29,\"sigla\":\"BA\",\"nome\":\"Bahia\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":23,\"sigla\":\"CE\",\"nome\":\"Cear\\u00e1\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":53,\"sigla\":\"DF\",\"nome\":\"Distrito Federal\",\"regiao\":{\"id\":5,\"sigla\":\"CO\",\"nome\":\"Centro-Oeste\"}},{\"id\":32,\"sigla\":\"ES\",\"nome\":\"Esp\\u00edrito Santo\",\"regiao\":{\"id\":3,\"sigla\":\"SE\",\"nome\":\"Sudeste\"}},{\"id\":52,\"sigla\":\"GO\",\"nome\":\"Goi\\u00e1s\",\"regiao\":{\"id\":5,\"sigla\":\"CO\",\"nome\":\"Centro-Oeste\"}},{\"id\":21,\"sigla\":\"MA\",\"nome\":\"Maranh\\u00e3o\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":51,\"sigla\":\"MT\",\"nome\":\"Mato Grosso\",\"regiao\":{\"id\":5,\"sigla\":\"CO\",\"nome\":\"Centro-Oeste\"}},{\"id\":50,\"sigla\":\"MS\",\"nome\":\"Mato Grosso do Sul\",\"regiao\":{\"id\":5,\"sigla\":\"CO\",\"nome\":\"Centro-Oeste\"}},{\"id\":31,\"sigla\":\"MG\",\"nome\":\"Minas Gerais\",\"regiao\":{\"id\":3,\"sigla\":\"SE\",\"nome\":\"Sudeste\"}},{\"id\":15,\"sigla\":\"PA\",\"nome\":\"Par\\u00e1\",\"regiao\":{\"id\":1,\"sigla\":\"N\",\"nome\":\"Norte\"}},{\"id\":25,\"sigla\":\"PB\",\"nome\":\"Para\\u00edba\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":41,\"sigla\":\"PR\",\"nome\":\"Paran\\u00e1\",\"regiao\":{\"id\":4,\"sigla\":\"S\",\"nome\":\"Sul\"}},{\"id\":26,\"sigla\":\"PE\",\"nome\":\"Pernambuco\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":22,\"sigla\":\"PI\",\"nome\":\"Piau\\u00ed\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":33,\"sigla\":\"RJ\",\"nome\":\"Rio de Janeiro\",\"regiao\":{\"id\":3,\"sigla\":\"SE\",\"nome\":\"Sudeste\"}},{\"id\":24,\"sigla\":\"RN\",\"nome\":\"Rio Grande do Norte\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":43,\"sigla\":\"RS\",\"nome\":\"Rio Grande do Sul\",\"regiao\":{\"id\":4,\"sigla\":\"S\",\"nome\":\"Sul\"}},{\"id\":11,\"sigla\":\"RO\",\"nome\":\"Rond\\u00f4nia\",\"regiao\":{\"id\":1,\"sigla\":\"N\",\"nome\":\"Norte\"}},{\"id\":14,\"sigla\":\"RR\",\"nome\":\"Roraima\",\"regiao\":{\"id\":1,\"sigla\":\"N\",\"nome\":\"Norte\"}},{\"id\":42,\"sigla\":\"SC\",\"nome\":\"Santa Catarina\",\"regiao\":{\"id\":4,\"sigla\":\"S\",\"nome\":\"Sul\"}},{\"id\":35,\"sigla\":\"SP\",\"nome\":\"S\\u00e3o Paulo\",\"regiao\":{\"id\":3,\"sigla\":\"SE\",\"nome\":\"Sudeste\"}},{\"id\":28,\"sigla\":\"SE\",\"nome\":\"Sergipe\",\"regiao\":{\"id\":2,\"sigla\":\"NE\",\"nome\":\"Nordeste\"}},{\"id\":17,\"sigla\":\"TO\",\"nome\":\"Tocantins\",\"regiao\":{\"id\":1,\"sigla\":\"N\",\"nome\":\"Norte\"}}];\n            \n            \/\/ Cache de cidades por estado para evitar chamadas repetidas\n            const cidadesCache = {};\n            \n            \/\/ Fun\u00e7\u00e3o para carregar estados do IBGE\n            function populateStateSelect(selectEl, selectedValue) {\n                selectEl.innerHTML = '<option value=\"\">Carregando estados...<\/option>';\n                selectEl.classList.add(\"loading\");\n                \n                const estados = IBGE_ESTADOS;\n                \n                selectEl.innerHTML = '<option value=\"\">Selecione o estado<\/option>';\n                estados.forEach(estado => {\n                    const opt = document.createElement(\"option\");\n                    opt.value = estado.sigla;\n                    opt.textContent = estado.nome + \" (\" + estado.sigla + \")\";\n                    if (selectedValue && estado.sigla === selectedValue) {\n                        opt.selected = true;\n                    }\n                    selectEl.appendChild(opt);\n                });\n                selectEl.classList.remove(\"loading\");\n            }\n            \n            function loadCities(selectEl, estadoSigla, selectedValue) {\n                if (!estadoSigla) {\n                    selectEl.innerHTML = '<option value=\"\">Selecione o estado primeiro<\/option>';\n                    return;\n                }\n                \n                selectEl.innerHTML = '<option value=\"\">Carregando cidades...<\/option>';\n                selectEl.classList.add(\"loading\");\n                \n                \/\/ Verifica cache\n                if (cidadesCache[estadoSigla]) {\n                    populateCitySelect(selectEl, cidadesCache[estadoSigla], selectedValue);\n                    return;\n                }\n                \n                fetch(\"https:\/\/servicodados.ibge.gov.br\/api\/v1\/localidades\/estados\/\" + estadoSigla + \"\/municipios?orderBy=nome\")\n                    .then(r => {\n                        if (!r.ok) throw new Error(\"Erro na API\");\n                        return r.json();\n                    })\n                    .then(data => {\n                        cidadesCache[estadoSigla] = data;\n                        populateCitySelect(selectEl, data, selectedValue);\n                    })\n                    .catch(() => {\n                        selectEl.innerHTML = '<option value=\"\">Erro ao carregar cidades<\/option>';\n                    })\n                    .finally(() => {\n                        selectEl.classList.remove(\"loading\");\n                    });\n            }\n\n            \n            function populateCitySelect(selectEl, cidades, selectedValue) {\n                selectEl.innerHTML = '<option value=\"\">Selecione a cidade<\/option>';\n                cidades.forEach(cidade => {\n                    const opt = document.createElement(\"option\");\n                    opt.value = cidade.nome;\n                    opt.textContent = cidade.nome;\n                    if (selectedValue && cidade.nome === selectedValue) {\n                        opt.selected = true;\n                    }\n                    selectEl.appendChild(opt);\n                });\n            }\n            \n           function handleStateChange(stateSelect) {\n                const estadoSigla = stateSelect.value;\n                \n                \/\/ Atualiza TODOS os selects de cidade no formul\u00e1rio\n                document.querySelectorAll(\".city-select\").forEach(citySelect => {\n                    if (!estadoSigla) {\n                        citySelect.innerHTML = '<option value=\"\">Selecione o estado primeiro<\/option>';\n                        return;\n                    }\n                    loadCities(citySelect, estadoSigla, citySelect.value || \"\");\n                });\n            }\n            function getSelectedState() {\n                const stateSelect = document.querySelector(\".state-select\");\n                return stateSelect ? stateSelect.value : null;\n            }\n\n            \n            \/\/ Inicializa todos os selects de estado existentes\n            function initStateSelects() {\n                document.querySelectorAll(\".state-select\").forEach(select => {\n                    const currentValue = select.querySelector(\"option[selected]\")?.value || \"\";\n                    populateStateSelect(select, currentValue);\n                    \n                    \/\/ Adiciona listener para mudan\u00e7a\n                    select.addEventListener(\"change\", function() {\n                        handleStateChange(this);\n                    });\n                });\n                \n                \/\/ Inicializa cidades se j\u00e1 houver estado selecionado em QUALQUER grupo\n                const selectedState = getSelectedState();\n                if (selectedState) {\n                    document.querySelectorAll(\".city-select\").forEach(citySelect => {\n                        const currentValue = citySelect.querySelector(\"option[selected]\")?.value || \"\";\n                        loadCities(citySelect, selectedState, currentValue);\n                    });\n                }\n            }\n\n            \/\/ Monta o select de campo\n            function buildFieldSelect(selected) {\n                let html = '<select name=\"search_fields[]\" class=\"search-select\" onchange=\"changeInputType(this)\">';\n                for (const [key, label] of Object.entries(FILTER_OPTIONS)) {\n                    const sel = key === selected ? ' selected' : '';\n                    html += `<option value=\"${key}\"${sel}>${label}<\/option>`;\n                }\n                html += '<\/select>';\n                return html;\n            }\n\n            \/\/ Monta o input principal (select ou texto)\n            function buildValueInput(field, value = '') {\n                if (field === \"state\") {\n                    return '<select name=\"search_values[]\" class=\"search-input brand-select state-select\" data-field-type=\"state\"><option value=\"\">Carregando...<\/option><\/select>';\n                }\n                if (field === \"city\") {\n                    return '<select name=\"search_values[]\" class=\"search-input brand-select city-select\" data-field-type=\"city\"><option value=\"\">Selecione o estado primeiro<\/option><\/select>';\n                }\n                if (SELECT_OPTIONS[field]) {\n                    let html = '<select name=\"search_values[]\" class=\"search-input brand-select\">';\n                    html += '<option value=\"\">Selecione<\/option>';\n                    SELECT_OPTIONS[field].forEach(opt => {\n                        const sel = opt === value ? ' selected' : '';\n                        html += `<option value=\"${opt}\"${sel}>${opt}<\/option>`;\n                    });\n                    html += '<\/select>';\n                    return html;\n                }\n                return `<input type=\"text\" name=\"search_values[]\" value=\"${value}\" placeholder=\"Buscar Oyes...\" class=\"search-input\">`;\n            }\n\n           window.changeInputType = function(selectEl) {\n                const group      = selectEl.closest(\".search-group\");\n                const oldInput   = group.querySelector(\".search-input\");\n                const field      = selectEl.value;\n                const tempDiv    = document.createElement(\"div\");\n                tempDiv.innerHTML = buildValueInput(field);\n                const newInput   = tempDiv.firstElementChild;\n                group.replaceChild(newInput, oldInput);\n                \n                \/\/ Inicializa estado\/cidade se necess\u00e1rio\n                if (field === \"state\") {\n                    populateStateSelect(newInput, \"\");\n                    newInput.addEventListener(\"change\", function() {\n                        handleStateChange(this);\n                    });\n                }\n                \n                \/\/ Se for cidade, tenta carregar cidades do estado j\u00e1 selecionado\n                if (field === \"city\") {\n                    const selectedState = getSelectedState();\n                    if (selectedState) {\n                        loadCities(newInput, selectedState, \"\");\n                    } else {\n                        newInput.innerHTML = '<option value=\"\">Selecione o estado primeiro<\/option>';\n                    }\n                }\n            };\n\n\n            \/\/ Remove filtro\n        \/\/ Remove filtro\n        window.removeSearchField = function(btn) {\n            const group = btn.closest(\".search-group\");\n            \n            \/\/ Se for o grupo padr\u00e3o, apenas esconde o select de campo\n            if (group.id === \"default-search-group\") {\n                const selectorDiv = group.querySelector(\".default-hidden\");\n                if (selectorDiv) {\n                    selectorDiv.style.display = \"none\";\n                }\n                return;\n            }\n            \n            group.remove();\n            \n            \/\/ Se n\u00e3o houver mais grupos adicionais, esconde o container\n            const additionalFilters = document.getElementById(\"additional-filters\");\n            if (additionalFilters && additionalFilters.querySelectorAll(\".search-group\").length === 0) {\n                additionalFilters.style.display = \"none\";\n            }\n        };\n            \n            \/\/ Fun\u00e7\u00e3o para mostrar skeleton loading\n            function showSkeletonLoading() {\n                const container = document.getElementById(\"reviews-container\");\n                const skeletonHTML = '<div class=\"skeleton-card\"><div class=\"skeleton-photo\"><\/div><div class=\"skeleton-content\"><div class=\"skeleton-title\"><\/div><div class=\"skeleton-line\"><\/div><div class=\"skeleton-line short\"><\/div><div class=\"skeleton-line\"><\/div><\/div><\/div>'.repeat(8);\n                container.innerHTML = skeletonHTML;\n                document.getElementById(\"pagination-container\").innerHTML = \"\";\n            }\n            \n            \/\/ Fun\u00e7\u00e3o para carregar resultados via AJAX\n            function loadResults(formData) {\n                showSkeletonLoading();\n                \n                const xhr = new XMLHttpRequest();\n                xhr.open(\"POST\", \"https:\/\/oyes.azclan.com\/br\/wp-admin\/admin-ajax.php\", true);\n                xhr.setRequestHeader(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n                \n                xhr.onload = function() {\n                    if (xhr.status === 200) {\n                        const response = JSON.parse(xhr.responseText);\n                        if (response.success) {\n                            document.getElementById(\"reviews-container\").innerHTML = response.data.html;\n                            document.getElementById(\"pagination-container\").innerHTML = response.data.pagination;\n                            \n                            \/\/ Atualizar URL sem recarregar a p\u00e1gina\n                            const urlParams = new URLSearchParams(formData);\n                            const newUrl = window.location.pathname + \"?\" + urlParams.toString();\n                            window.history.pushState({}, \"\", newUrl);\n                        } else {\n                            document.getElementById(\"reviews-container\").innerHTML = '<p class=\"no-reviews\">Erro ao carregar resultados.<\/p>';\n                        }\n                    }\n                };\n                \n                xhr.onerror = function() {\n                    document.getElementById(\"reviews-container\").innerHTML = '<p class=\"no-reviews\">Erro na requisi\u00e7\u00e3o. Tente novamente.<\/p>';\n                };\n                \n                xhr.send(\"action=fetch_oyes_results&\" + formData);\n            }\n            \n            \/\/ Interceptar submit do formul\u00e1rio\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                \/\/ Inicializa os selects de estado\n                initStateSelects();\n                \n                const urlParams = new URLSearchParams(window.location.search);\n\n                \/\/ Verifica se existe qualquer search_values ou search_fields\n                const hasSearch = [...urlParams.keys()].some(\n                    key =>\n                        key.startsWith(\"search_values\") ||\n                        key.startsWith(\"search_fields\")\n                );\n                \n                if (hasSearch) {\n                    loadResults(urlParams.toString());\n                }\n                \n                console.log(\"testandoo\")\n                \n                \/\/ Atualiza URLs das cidades se houver estado selecionado\n                document.querySelectorAll(\".state-select\").forEach(stateSelect => {\n                    if (stateSelect.value) {\n                        handleStateChange(stateSelect);\n                    }\n                });\n                \n                const form = document.getElementById(\"search-form\");\n                if (form) {\n                    form.addEventListener(\"submit\", function(e) {\n                        e.preventDefault();\n                        \n                        \/\/ Garantir que selects de estado\/cidade tenham valores\n                        document.querySelectorAll(\".state-select\").forEach(s => {\n                            if (!s.value) s.value = \"\";\n                        });\n                        document.querySelectorAll(\".city-select\").forEach(s => {\n                            if (!s.value) s.value = \"\";\n                        });\n                        \n                        const formData = new FormData(form);\n                        const params = new URLSearchParams(formData);\n                        loadResults(params.toString());\n                    });\n                }\n                \n                \/\/ Adicionar novo filtro\n           \/\/ Adicionar novo filtro\nconst addFilterBtn = document.getElementById(\"add-filter\");\nif (addFilterBtn) {\n    addFilterBtn.addEventListener(\"click\", function() {\n        const additionalFilters = document.getElementById(\"additional-filters\");\n        const defaultHidden = document.querySelector(\"#default-search-group .default-hidden\");\n        \n        \/\/ Verifica se o select do grupo padr\u00e3o j\u00e1 est\u00e1 vis\u00edvel\n        const isDefaultSelectVisible = defaultHidden && defaultHidden.style.display !== \"none\";\n        \n        if (!isDefaultSelectVisible) {\n            \/\/ Primeira vez: APENAS mostra o select do grupo padr\u00e3o, sem adicionar novo grupo\n            if (defaultHidden) {\n                defaultHidden.style.display = \"flex\";\n            }\n        } else {\n            \/\/ Cliques seguintes: adiciona novo grupo de filtro\n            \/\/ Mostra o container de filtros adicionais se necess\u00e1rio\n            if (additionalFilters.style.display === \"none\" || additionalFilters.style.display === \"\") {\n                additionalFilters.style.display = \"flex\";\n            }\n            \n            \/\/ Cria novo grupo de filtro adicional\n            const group = document.createElement(\"div\");\n            group.className = \"search-group\";\n            group.innerHTML =\n                buildValueInput(\"all_fields\") +\n                `<div class=\"search-box-selector\">\n                    ${buildFieldSelect(\"all_fields\")}\n                    <button type=\"button\" class=\"remove-filter\" onclick=\"removeSearchField(this)\">\u274c<\/button>\n                <\/div>`;\n            additionalFilters.appendChild(group);\n            \n            \/\/ Se o novo grupo tem um select de estado, inicializa\n            const newStateSelect = group.querySelector(\".state-select\");\n            if (newStateSelect) {\n                populateStateSelect(newStateSelect, \"\");\n                newStateSelect.addEventListener(\"change\", function() {\n                    handleStateChange(this);\n                });\n            }\n            \n            \/\/ Se o novo grupo tem um select de cidade, carrega cidades\n            const newCitySelect = group.querySelector(\".city-select\");\n            if (newCitySelect) {\n                const selectedState = getSelectedState();\n                if (selectedState) {\n                    loadCities(newCitySelect, selectedState, \"\");\n                }\n            }\n        }\n    });\n}\n\n                \/\/ Pagina\u00e7\u00e3o via AJAX\n                document.addEventListener(\"click\", function(e) {\n                    const paginationLink = e.target.closest(\"#pagination-container a\");\n                    if (paginationLink) {\n                        e.preventDefault();\n                        const url = new URL(paginationLink.href);\n                        const params = new URLSearchParams(url.search);\n                        loadResults(params.toString());\n                        \n                        \/\/ Scroll suave para o topo dos resultados\n                        document.getElementById(\"oyes-results-container\").scrollIntoView({\n                            behavior: \"smooth\",\n                            block: \"start\"\n                        });\n                    }\n                });\n            });\n        })();\n        <\/script>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-ed8c295aa8bec9a2a48e3f3ee006699b\" style=\"color:#0c0c0c\"><\/p>\n\n\n\n<div class=\"wp-block-buttons has-custom-font-size has-medium-font-size is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f17950e3 wp-block-buttons-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/oyes.azclan.com\/br\/criar-oyes\/\" style=\"border-style:none;border-width:0px;border-top-left-radius:26px;border-top-right-radius:26px;border-bottom-left-radius:26px;border-bottom-right-radius:26px;color:#040404;background-color:#fdbd00;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--20)\">\ud83d\udc94 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\">Criar Oyes<\/mark><\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n    <div class=\"oyes-carousel-wrapper\" id=\"oyes-carousel-1\">\n\n                <div class=\"oyes-carousel-header\">\n            <h2 class=\"oyes-carousel-titulo\">Nossos Membros<\/h2>\n            <div class=\"oyes-carousel-controles\">\n                <button class=\"oyes-btn-prev\" aria-label=\"Anterior\">\u2039<\/button>\n                <button class=\"oyes-btn-next\" aria-label=\"Pr\u00f3ximo\">\u203a<\/button>\n            <\/div>\n        <\/div>\n        \n        <div class=\"oyes-carousel-track-container\">\n            <div class=\"oyes-carousel-track\">\n                                <div class=\"oyes-membro-card\">\n                    <div href=\"#\" class=\"oyes-card-link\">\n\n                        <!-- Avatar + badge arqu\u00e9tipo -->\n                        <div class=\"oyes-avatar-wrap\">\n                            <img decoding=\"async\"\n                                class=\"oyes-avatar-img\"\n                                src=\"\/\/www.gravatar.com\/avatar\/a8c7e56083dbceb8016f5e22caae52cd?s=200&r=g&d=mm\"\n                                alt=\"Pedro Pedro\"\n                                loading=\"lazy\"\n                            >\n\n                            <!-- Indicador online -->\n                            <span class=\"oyes-status-dot oyes-offline\"\n                                  title=\"Offline\"><\/span>\n\n                            <!-- Badge arqu\u00e9tipo (imagem) -->\n                                                        <div class=\"oyes-badge-arq arq-lince\"\n                                 title=\"Lince \u2014 Sil\u00eancio T\u00e1tico\">\n                                <img decoding=\"async\" src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/oyes\/lince.png\"\n                                     alt=\"Lince\">\n                            <\/div>\n                                                    <\/div>\n\n                        <!-- Info -->\n                        <div class=\"oyes-card-info\">\n                            <a href=\"https:\/\/oyes.azclan.com\/br\/membros\/pedro\/\">\n                                <span class=\"oyes-card-nome\">Pedro Pedro<\/span>\n                            <\/a>\n\n                            <span class=\"oyes-card-atividade \">\n                                                                h\u00e1 2 dias                            <\/span>\n\n                                                        <span class=\"oyes-card-tipo\">Lince<\/span>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"oyes-membro-card\">\n                    <div href=\"#\" class=\"oyes-card-link\">\n\n                        <!-- Avatar + badge arqu\u00e9tipo -->\n                        <div class=\"oyes-avatar-wrap\">\n                            <img decoding=\"async\"\n                                class=\"oyes-avatar-img\"\n                                src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/avatars\/5\/avatar-bpfull.jpg\"\n                                alt=\"Mundo Gooli\"\n                                loading=\"lazy\"\n                            >\n\n                            <!-- Indicador online -->\n                            <span class=\"oyes-status-dot oyes-offline\"\n                                  title=\"Offline\"><\/span>\n\n                            <!-- Badge arqu\u00e9tipo (imagem) -->\n                                                    <\/div>\n\n                        <!-- Info -->\n                        <div class=\"oyes-card-info\">\n                            <a href=\"https:\/\/oyes.azclan.com\/br\/membros\/mundogooli\/\">\n                                <span class=\"oyes-card-nome\">Mundo Gooli<\/span>\n                            <\/a>\n\n                            <span class=\"oyes-card-atividade \">\n                                                                h\u00e1 2 dias                            <\/span>\n\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"oyes-membro-card\">\n                    <div href=\"#\" class=\"oyes-card-link\">\n\n                        <!-- Avatar + badge arqu\u00e9tipo -->\n                        <div class=\"oyes-avatar-wrap\">\n                            <img decoding=\"async\"\n                                class=\"oyes-avatar-img\"\n                                src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/avatars\/3\/1778452867-bpfull.jpg\"\n                                alt=\"Zayhow Lobo\"\n                                loading=\"lazy\"\n                            >\n\n                            <!-- Indicador online -->\n                            <span class=\"oyes-status-dot oyes-offline\"\n                                  title=\"Offline\"><\/span>\n\n                            <!-- Badge arqu\u00e9tipo (imagem) -->\n                                                        <div class=\"oyes-badge-arq arq-leao\"\n                                 title=\"Le\u00e3o \u2014 Rei dos Holofotes\">\n                                <img decoding=\"async\" src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/oyes\/leao.png\"\n                                     alt=\"Le\u00e3o\">\n                            <\/div>\n                                                    <\/div>\n\n                        <!-- Info -->\n                        <div class=\"oyes-card-info\">\n                            <a href=\"https:\/\/oyes.azclan.com\/br\/membros\/zayhow\/\">\n                                <span class=\"oyes-card-nome\">Zayhow Lobo<\/span>\n                            <\/a>\n\n                            <span class=\"oyes-card-atividade \">\n                                                                h\u00e1 4 dias                            <\/span>\n\n                                                        <span class=\"oyes-card-tipo\">Le\u00e3o<\/span>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"oyes-membro-card\">\n                    <div href=\"#\" class=\"oyes-card-link\">\n\n                        <!-- Avatar + badge arqu\u00e9tipo -->\n                        <div class=\"oyes-avatar-wrap\">\n                            <img decoding=\"async\"\n                                class=\"oyes-avatar-img\"\n                                src=\"\/\/www.gravatar.com\/avatar\/b604ec9f1435d515ba997a7a16737227?s=200&r=g&d=mm\"\n                                alt=\"messijurere\"\n                                loading=\"lazy\"\n                            >\n\n                            <!-- Indicador online -->\n                            <span class=\"oyes-status-dot oyes-offline\"\n                                  title=\"Offline\"><\/span>\n\n                            <!-- Badge arqu\u00e9tipo (imagem) -->\n                                                        <div class=\"oyes-badge-arq arq-lince\"\n                                 title=\"Lince \u2014 Sil\u00eancio T\u00e1tico\">\n                                <img decoding=\"async\" src=\"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/oyes\/lince.png\"\n                                     alt=\"Lince\">\n                            <\/div>\n                                                    <\/div>\n\n                        <!-- Info -->\n                        <div class=\"oyes-card-info\">\n                            <a href=\"https:\/\/oyes.azclan.com\/br\/membros\/messijurere\/\">\n                                <span class=\"oyes-card-nome\">messijurere<\/span>\n                            <\/a>\n\n                            <span class=\"oyes-card-atividade \">\n                                                                h\u00e1 4 dias                            <\/span>\n\n                                                        <span class=\"oyes-card-tipo\">Lince<\/span>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"oyes-membro-card\">\n                    <div href=\"#\" class=\"oyes-card-link\">\n\n                        <!-- Avatar + badge arqu\u00e9tipo -->\n                        <div class=\"oyes-avatar-wrap\">\n                            <img decoding=\"async\"\n                                class=\"oyes-avatar-img\"\n                                src=\"\/\/www.gravatar.com\/avatar\/7b13cbede90985bd6f5aa578ae05de77?s=200&r=g&d=mm\"\n                                alt=\"Carlos\"\n                                loading=\"lazy\"\n                            >\n\n                            <!-- Indicador online -->\n                            <span class=\"oyes-status-dot oyes-offline\"\n                                  title=\"Offline\"><\/span>\n\n                            <!-- Badge arqu\u00e9tipo (imagem) -->\n                                                    <\/div>\n\n                        <!-- Info -->\n                        <div class=\"oyes-card-info\">\n                            <a href=\"https:\/\/oyes.azclan.com\/br\/membros\/carlos\/\">\n                                <span class=\"oyes-card-nome\">Carlos<\/span>\n                            <\/a>\n\n                            <span class=\"oyes-card-atividade \">\n                                                                h\u00e1 2 semanas                            <\/span>\n\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                            <\/div><!-- \/.oyes-carousel-track -->\n        <\/div><!-- \/.oyes-carousel-track-container -->\n\n        <!-- Dots de pagina\u00e7\u00e3o -->\n        <div class=\"oyes-carousel-dots\" id=\"oyes-carousel-1-dots\"><\/div>\n\n    <\/div><!-- \/.oyes-carousel-wrapper -->\n\n        <style id=\"oyes-carousel-styles\">\n    \/* \u2500\u2500 Reset & Root \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-carousel-wrapper {\n        --oyes-gold:   #c9a84c;\n        --oyes-dark:   #0e0e0e;\n        --oyes-card:   #161616;\n        --oyes-border: rgba(201,168,76,.18);\n        --oyes-text:   #e8e0d0;\n        --oyes-muted:  #7a7062;\n        --oyes-online: #4cde98;\n        --oyes-radius: 16px;\n        --card-w: 172px;\n        --gap: 3px;\n\n        box-sizing: border-box;\n        font-family: 'Georgia', serif;\n        position: relative;\n        overflow: hidden;\n    }\n    .oyes-carousel-wrapper *, .oyes-carousel-wrapper *::before, .oyes-carousel-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    \/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-carousel-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 24px;\n        padding: 0 4px;\n    }\n    .oyes-carousel-titulo {\n        font-size: clamp(1.1rem, 2.5vw, 1.5rem);\n        font-weight: 600;\n        letter-spacing: .08em;\n        color: var(--oyes-gold);\n        text-transform: uppercase;\n        margin: 0;\n    }\n    .oyes-carousel-controles {\n        display: flex;\n        gap: 8px;\n    }\n    .oyes-btn-prev,\n    .oyes-btn-next {\n        background: var(--oyes-card);\n        border: 1px solid var(--oyes-border);\n        color: var(--oyes-gold);\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        font-size: 1.4rem;\n        line-height: 1;\n        cursor: pointer;\n        transition: background .2s, transform .15s;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n    }\n    .oyes-btn-prev:hover, .oyes-btn-next:hover {\n        background: var(--oyes-gold);\n        color: var(--oyes-dark);\n        transform: scale(1.08);\n    }\n    .oyes-btn-prev:disabled, .oyes-btn-next:disabled {\n        opacity: .35;\n        cursor: not-allowed;\n        transform: none;\n    }\n\n    \/* \u2500\u2500 Track \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-carousel-track-container {\n        overflow: hidden;\n        width: 100%;\n    }\n    .oyes-carousel-track {\n        display: flex;\n        gap: var(--gap);\n        transition: transform .42s cubic-bezier(.4,0,.2,1);\n        will-change: transform;\n        padding: 4px 2px 8px;\n    }\n\n    \/* \u2500\u2500 Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-membro-card {\n        flex: 0 0 var(--card-w);\n        width: var(--card-w);\n        background: var(--oyes-card);\n        border: 1px solid var(--oyes-border);\n        border-radius: var(--oyes-radius);\n        overflow: visible;\n        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n    }\n    .oyes-membro-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 16px 40px rgba(0,0,0,.55), 0 0 0 1px var(--oyes-gold);\n        border-color: var(--oyes-gold);\n    }\n    .oyes-card-link {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-decoration: none;\n        padding: 20px 14px 16px;\n        gap: 0;\n    }\n    .oyes-card-link:hover { text-decoration: none; }\n\n    \/* \u2500\u2500 Avatar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-avatar-wrap {\n        position: relative;\n        width: 88px;\n        height: 88px;\n        margin-bottom: 14px;\n        flex-shrink: 0;\n    }\n    .oyes-avatar-img {\n        width: 88px;\n        height: 88px;\n        border-radius: 50%;\n        object-fit: cover;\n        border: 2px solid var(--oyes-border);\n        display: block;\n        transition: border-color .2s;\n    }\n    .oyes-membro-card:hover .oyes-avatar-img {\n        border-color: var(--oyes-gold);\n    }\n\n    \/* \u2500\u2500 Status Dot \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-status-dot {\n        position: absolute;\n        bottom: 4px;\n        left: 4px;\n        width: 13px;\n        height: 13px;\n        border-radius: 50%;\n        border: 2px solid var(--oyes-card);\n    }\n    .oyes-status-dot.oyes-online  { background: var(--oyes-online); }\n    .oyes-status-dot.oyes-offline { background: var(--oyes-muted); }\n\n    \/* \u2500\u2500 Badge Arqu\u00e9tipo \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-badge-arq {\n        position: absolute;\n        bottom: -8px;\n        right: -18px;\n        width: 52px;\n        height: 52px;\n        cursor: help;\n        z-index: 5;\n        transition: transform .2s ease;\n        filter: drop-shadow(0 2px 6px rgba(0,0,0,.5));\n    }\n    .oyes-badge-arq img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n    }\n    .oyes-badge-arq:hover {\n        transform: scale(2) rotate(-5deg);\n    }\n\n    \/* \u2500\u2500 Card Info \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-card-info {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n        width: 100%;\n        text-align: center;\n    }\n   .oyes-card-nome {\n        font-size: .92rem;\n        font-weight: 600;\n        color: rgba(247, 225, 8, 0.99); \n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n        display: block;\n        letter-spacing: .02em;\n        text-decoration: underline;\n        cursor: pointer;\n    }\n    .oyes-card-atividade {\n        font-size: .73rem;\n        color: var(--oyes-muted);\n        display: flex;\n        align-items: center;\n        gap: 5px;\n        font-style: italic;\n    }\n    .oyes-card-atividade.oyes-ativo {\n        color: var(--oyes-online);\n        font-style: normal;\n        font-weight: 500;\n    }\n    .oyes-card-tipo {\n        font-size: .68rem;\n        color: var(--oyes-gold);\n        text-transform: uppercase;\n        letter-spacing: .12em;\n        margin-top: 2px;\n        opacity: .85;\n    }\n\n    \/* \u2500\u2500 Pulse dot \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-pulse {\n        display: inline-block;\n        width: 7px;\n        height: 7px;\n        border-radius: 50%;\n        background: var(--oyes-online);\n        flex-shrink: 0;\n        animation: oyes-pulse-anim 1.6s infinite;\n    }\n    @keyframes oyes-pulse-anim {\n        0%,100% { opacity:1; transform:scale(1); }\n        50%      { opacity:.5; transform:scale(1.4); }\n    }\n\n    \/* \u2500\u2500 Dots \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-carousel-dots {\n        display: flex;\n        justify-content: center;\n        gap: 7px;\n        margin-top: 20px;\n        flex-wrap: wrap;\n    }\n    .oyes-dot {\n        width: 7px;\n        height: 7px;\n        border-radius: 50%;\n        background: var(--oyes-border);\n        border: none;\n        cursor: pointer;\n        padding: 0;\n        transition: background .2s, transform .2s;\n    }\n    .oyes-dot.ativo {\n        background: var(--oyes-gold);\n        transform: scale(1.35);\n    }\n\n    \/* \u2500\u2500 Barra de progresso do autoplay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .oyes-carousel-wrapper::after {\n        content: '';\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 2px;\n        width: 100%;\n        background: var(--oyes-border);\n        border-radius: 2px;\n    }\n    .oyes-progresso {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 2px;\n        width: 0%;\n        background: var(--oyes-gold);\n        border-radius: 2px;\n        z-index: 2;\n        transition: width linear;\n    }\n    \/* Pausa \u2014 dot fica menor pra indicar pausa *\/\n    .oyes-pausado .oyes-dot.ativo {\n        background: var(--oyes-muted);\n        transform: scale(1);\n    }\n    .oyes-pausado .oyes-progresso {\n        transition: none;\n    }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 600px) {\n        .oyes-carousel-wrapper {\n            --card-w: 148px;\n            --gap: 1px;\n            overflow: visible;\n        }\n        \n        .oyes-carousel-track-container {\n            overflow: visible;\n        }\n        .oyes-avatar-wrap { width: 72px; height: 72px; }\n        .oyes-avatar-img  { width: 72px; height: 72px; }\n        .oyes-badge-arq   { width: 42px; height: 42px; right: -12px; }\n    }\n    <\/style>\n            <script>\n    (function() {\n        'use strict';\n        document.addEventListener('DOMContentLoaded', function() {\n            iniciarCarrossel(\"oyes-carousel-1\");\n        });\n        \/\/ Suporte a shortcodes carregados via AJAX (ex: Elementor)\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\n            setTimeout(function() {\n                iniciarCarrossel(\"oyes-carousel-1\");\n            }, 200);\n        }\n\n        function iniciarCarrossel(wrapId) {\n            var wrap  = document.getElementById(wrapId);\n            if (!wrap || wrap.dataset.oyesInit) return;\n            wrap.dataset.oyesInit = '1';\n\n            var track     = wrap.querySelector('.oyes-carousel-track');\n            var container = wrap.querySelector('.oyes-carousel-track-container');\n            var btnPrev   = wrap.querySelector('.oyes-btn-prev');\n            var btnNext   = wrap.querySelector('.oyes-btn-next');\n            var dotsWrap  = wrap.querySelector('.oyes-carousel-dots');\n            var cards     = Array.from(track.querySelectorAll('.oyes-membro-card'));\n\n            if (!cards.length) return;\n\n            var indice     = 0;\n            var visiveis   = calcVisiveis();\n            var totalSlide = Math.max(1, cards.length - visiveis + 1);\n\n            \/\/ \u2500\u2500 Dots \u2500\u2500\n            function buildDots() {\n                if (!dotsWrap) return;\n                dotsWrap.innerHTML = '';\n                for (var i = 0; i < totalSlide; i++) {\n                    var btn = document.createElement('button');\n                    btn.className = 'oyes-dot' + (i === indice ? ' ativo' : '');\n                    btn.setAttribute('aria-label', 'Ir para slide ' + (i + 1));\n                    btn.dataset.idx = i;\n                    btn.addEventListener('click', function() {\n                        ir(parseInt(this.dataset.idx));\n                    });\n                    dotsWrap.appendChild(btn);\n                }\n            }\n\n            function atualizarDots() {\n                if (!dotsWrap) return;\n                dotsWrap.querySelectorAll('.oyes-dot').forEach(function(d, i) {\n                    d.classList.toggle('ativo', i === indice);\n                });\n            }\n\n            function calcVisiveis() {\n                if (!container || !cards.length) return 1;\n                var cardW = cards[0].offsetWidth;\n                var style = getComputedStyle(track);\n                var gap   = parseInt(style.gap || style.columnGap || '16') || 16;\n                var cW    = container.offsetWidth;\n                return Math.max(1, Math.floor((cW + gap) \/ (cardW + gap)));\n            }\n\n            function ir(idx) {\n                visiveis   = calcVisiveis();\n                totalSlide = Math.max(1, cards.length - visiveis + 1);\n                indice = Math.min(Math.max(idx, 0), totalSlide - 1);\n\n                var cardW = cards[0].offsetWidth;\n                var style = getComputedStyle(track);\n                var gap   = parseInt(style.gap || style.columnGap || '16') || 16;\n                var offset = indice * (cardW + gap);\n                track.style.transform = 'translateX(-' + offset + 'px)';\n\n                if (btnPrev) btnPrev.disabled = (indice === 0);\n                if (btnNext) btnNext.disabled = (indice >= totalSlide - 1);\n                atualizarDots();\n            }\n\n            if (btnPrev) btnPrev.addEventListener('click', function() { pausarAutoplay(); ir(indice - 1); });\n            if (btnNext) btnNext.addEventListener('click', function() { pausarAutoplay(); ir(indice + 1); });\n\n            \/\/ \u2500\u2500 Autoplay + barra de progresso \u2500\u2500\n            var autoplayTimer      = null;\n            var progressTimer      = null;\n            var autoplayAtivo      = true;\n            var AUTOPLAY_INTERVALO = 3500; \/\/ ms entre slides\n\n            \/\/ Cria barra de progresso\n            var barra = document.createElement('div');\n            barra.className = 'oyes-progresso';\n            wrap.appendChild(barra);\n\n            function animarBarra() {\n                barra.style.transition = 'none';\n                barra.style.width = '0%';\n                \/\/ For\u00e7a reflow para reiniciar a anima\u00e7\u00e3o\n                barra.offsetWidth;\n                barra.style.transition = 'width ' + AUTOPLAY_INTERVALO + 'ms linear';\n                barra.style.width = '100%';\n            }\n\n            function pararBarra() {\n                var computed = getComputedStyle(barra).width;\n                var pct = (parseFloat(computed) \/ wrap.offsetWidth * 100).toFixed(1);\n                barra.style.transition = 'none';\n                barra.style.width = pct + '%';\n            }\n\n            function proximoAutoplay() {\n                visiveis   = calcVisiveis();\n                totalSlide = Math.max(1, cards.length - visiveis + 1);\n                var proximo = (indice + 1 >= totalSlide) ? 0 : indice + 1;\n                ir(proximo);\n                animarBarra();\n            }\n\n            function iniciarAutoplay() {\n                if (autoplayTimer) clearInterval(autoplayTimer);\n                autoplayTimer = setInterval(proximoAutoplay, AUTOPLAY_INTERVALO);\n                autoplayAtivo = true;\n                wrap.classList.remove('oyes-pausado');\n                animarBarra();\n            }\n\n            function pausarAutoplay() {\n                clearInterval(autoplayTimer);\n                autoplayTimer = null;\n                autoplayAtivo = false;\n                wrap.classList.add('oyes-pausado');\n                pararBarra();\n            }\n\n            function retomar() {\n                if (!autoplayAtivo) iniciarAutoplay();\n            }\n\n            \/\/ Pause no hover (desktop)\n            wrap.addEventListener('mouseenter', pausarAutoplay);\n            wrap.addEventListener('mouseleave', retomar);\n\n            \/\/ \u2500\u2500 Touch\/Swipe \u2500\u2500\n            var touchStartX = null;\n            var touchAtivo  = false;\n\n            container.addEventListener('touchstart', function(e) {\n                touchStartX = e.touches[0].clientX;\n                touchAtivo  = true;\n                pausarAutoplay();\n            }, { passive: true });\n\n            container.addEventListener('touchend', function(e) {\n                if (touchStartX === null) return;\n                var diff = touchStartX - e.changedTouches[0].clientX;\n                if (Math.abs(diff) > 40) {\n                    ir(indice + (diff > 0 ? 1 : -1));\n                }\n                touchStartX = null;\n                touchAtivo  = false;\n                \/\/ Retoma ap\u00f3s 4s de inatividade no touch\n                setTimeout(function() {\n                    if (!touchAtivo) retomar();\n                }, 4000);\n            }, { passive: true });\n\n            \/\/ \u2500\u2500 Teclado \u2500\u2500\n            wrap.setAttribute('tabindex', '0');\n            wrap.addEventListener('keydown', function(e) {\n                if (e.key === 'ArrowLeft')  { pausarAutoplay(); ir(indice - 1); }\n                if (e.key === 'ArrowRight') { pausarAutoplay(); ir(indice + 1); }\n            });\n\n            \/\/ \u2500\u2500 Visibility API: pausa quando aba fica em segundo plano \u2500\u2500\n            document.addEventListener('visibilitychange', function() {\n                if (document.hidden) {\n                    pausarAutoplay();\n                } else {\n                    retomar();\n                }\n            });\n\n            \/\/ \u2500\u2500 Resize \u2500\u2500\n            var resizeTimer;\n            window.addEventListener('resize', function() {\n                clearTimeout(resizeTimer);\n                resizeTimer = setTimeout(function() {\n                    visiveis   = calcVisiveis();\n                    totalSlide = Math.max(1, cards.length - visiveis + 1);\n                    buildDots();\n                    ir(Math.min(indice, totalSlide - 1));\n                }, 150);\n            });\n\n            \/\/ \u2500\u2500 Init \u2500\u2500\n            buildDots();\n            ir(0);\n            iniciarAutoplay();\n        }\n    })();\n    <\/script>\n        \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-121","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lista Oyes - Oyes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oyes.azclan.com\/br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lista Oyes - Oyes\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oyes.azclan.com\/br\/\" \/>\n<meta property=\"og:site_name\" content=\"Oyes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T21:59:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/\",\"url\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/\",\"name\":\"Lista Oyes - Oyes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#website\"},\"datePublished\":\"2026-04-22T14:06:13+00:00\",\"dateModified\":\"2026-05-15T21:59:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lista Oyes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#website\",\"url\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/\",\"name\":\"Oyes\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#organization\",\"name\":\"Oyes\",\"url\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT-Image-16-de-mai.-de-2026-10_41_36.png\",\"contentUrl\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT-Image-16-de-mai.-de-2026-10_41_36.png\",\"width\":592,\"height\":258,\"caption\":\"Oyes\"},\"image\":{\"@id\":\"https:\\\/\\\/oyes.azclan.com\\\/br\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lista Oyes - Oyes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/oyes.azclan.com\/br\/","og_locale":"pt_BR","og_type":"article","og_title":"Lista Oyes - Oyes","og_url":"https:\/\/oyes.azclan.com\/br\/","og_site_name":"Oyes","article_modified_time":"2026-05-15T21:59:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oyes.azclan.com\/br\/","url":"https:\/\/oyes.azclan.com\/br\/","name":"Lista Oyes - Oyes","isPartOf":{"@id":"https:\/\/oyes.azclan.com\/br\/#website"},"datePublished":"2026-04-22T14:06:13+00:00","dateModified":"2026-05-15T21:59:48+00:00","breadcrumb":{"@id":"https:\/\/oyes.azclan.com\/br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oyes.azclan.com\/br\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oyes.azclan.com\/br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/oyes.azclan.com\/br\/"},{"@type":"ListItem","position":2,"name":"Lista Oyes"}]},{"@type":"WebSite","@id":"https:\/\/oyes.azclan.com\/br\/#website","url":"https:\/\/oyes.azclan.com\/br\/","name":"Oyes","description":"","publisher":{"@id":"https:\/\/oyes.azclan.com\/br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oyes.azclan.com\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/oyes.azclan.com\/br\/#organization","name":"Oyes","url":"https:\/\/oyes.azclan.com\/br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/oyes.azclan.com\/br\/#\/schema\/logo\/image\/","url":"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT-Image-16-de-mai.-de-2026-10_41_36.png","contentUrl":"https:\/\/oyes.azclan.com\/br\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT-Image-16-de-mai.-de-2026-10_41_36.png","width":592,"height":258,"caption":"Oyes"},"image":{"@id":"https:\/\/oyes.azclan.com\/br\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/pages\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":91,"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":833,"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/pages\/121\/revisions\/833"}],"wp:attachment":[{"href":"https:\/\/oyes.azclan.com\/br\/wp-json\/wp\/v2\/media?parent=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}