{"id":10739,"date":"2026-08-18T18:41:09","date_gmt":"2026-08-18T21:41:09","guid":{"rendered":"https:\/\/santoantoniosm.com.br\/site\/?page_id=10739"},"modified":"2026-08-19T00:09:38","modified_gmt":"2026-08-19T03:09:38","slug":"whatsapp","status":"publish","type":"page","link":"https:\/\/santoantoniosm.com.br\/site\/whatsapp\/","title":{"rendered":"Whatsapp"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10739\" class=\"elementor elementor-10739\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b6dc10 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b6dc10\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-525935a\" data-id=\"525935a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c0abb6 elementor-widget elementor-widget-html\" data-id=\"2c0abb6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"ofertas-cidades\" class=\"oc-page\" data-ofertas-landing data-code-version=\"sa-ofertas-firebase-v6-convites-unicos-20260818\">\n  <div class=\"oc-brand-strip\">\n    <div class=\"oc-brand-strip__inner\">\n      <span class=\"oc-network-label\">OFERTAS<\/span>\n\n      <img\n        class=\"oc-main-logo\"\n        src=\"https:\/\/mudamarketing.com.br\/wp-content\/uploads\/2026\/01\/L3.jpg\"\n        alt=\"Logo\"\n        loading=\"eager\"\n        decoding=\"async\"\n      >\n    <\/div>\n  <\/div>\n\n  <div class=\"oc-background-band\" aria-hidden=\"true\"><\/div>\n\n  <main class=\"oc-main\">\n    <div class=\"oc-flow-card\">\n      <div class=\"oc-progress\" aria-label=\"Progresso\">\n        <div class=\"oc-progress__top\">\n          <span id=\"oc-step-label\">PASSO 1 DE 2<\/span>\n          <span id=\"oc-step-percent\">50%<\/span>\n        <\/div>\n\n        <div\n          class=\"oc-progress__track\"\n          role=\"progressbar\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-valuenow=\"50\"\n        >\n          <span id=\"oc-progress-bar\" class=\"oc-progress__bar\"><\/span>\n        <\/div>\n      <\/div>\n\n      <!-- ETAPA 1: ESCOLHA DA CIDADE -->\n      <section\n        id=\"oc-step-city\"\n        class=\"oc-step oc-step--active\"\n        aria-labelledby=\"oc-city-title\"\n      >\n        <div class=\"oc-heading\">\n          <span class=\"oc-kicker\">SEJA BEM-VINDO!<\/span>\n\n          <h1 id=\"oc-city-title\">\n            Ofertas <strong>mais perto de voc\u00ea<\/strong>\n          <\/h1>\n\n          <p class=\"oc-city-instruction\">\n            Escolha a cidade onde faz compras:\n          <\/p>\n        <\/div>\n\n        <div class=\"oc-search-wrap\">\n          <label class=\"oc-search-label\" for=\"oc-city-search\">\n            Buscar minha cidade\n          <\/label>\n\n          <div class=\"oc-search\">\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n              <path d=\"m21 21-4.35-4.35m2.35-5.65a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z\"><\/path>\n            <\/svg>\n\n            <input\n              id=\"oc-city-search\"\n              type=\"search\"\n              inputmode=\"search\"\n              autocomplete=\"off\"\n              placeholder=\"Digite o nome da cidade\"\n              aria-describedby=\"oc-city-help\"\n            >\n          <\/div>\n\n          <p id=\"oc-city-help\" class=\"oc-field-help\">\n            Toque em uma cidade para acessar o grupo de ofertas correspondente.\n          <\/p>\n        <\/div>\n\n        <div id=\"oc-city-grid\" class=\"oc-city-grid\" aria-live=\"polite\"><\/div>\n\n        <div id=\"oc-empty-city\" class=\"oc-empty\" hidden>\n          <span class=\"oc-empty__icon\" aria-hidden=\"true\">\u2315<\/span>\n          <strong>Nenhuma cidade encontrada.<\/strong>\n          <p>Confira a digita\u00e7\u00e3o ou procure na lista completa.<\/p>\n        <\/div>\n      <\/section>\n\n      <!-- ETAPA 2: GRUPO DE OFERTAS -->\n      <section\n        id=\"oc-step-group\"\n        class=\"oc-step\"\n        aria-labelledby=\"oc-group-title\"\n        hidden\n      >\n        <button id=\"oc-back-button\" class=\"oc-back-button\" type=\"button\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n            <path d=\"M19 12H5m7 7-7-7 7-7\"><\/path>\n          <\/svg>\n          Trocar cidade\n        <\/button>\n\n        <div class=\"oc-heading\">\n          <span class=\"oc-kicker\">OFERTAS NA SUA REGI\u00c3O<\/span>\n\n          <h2 id=\"oc-group-title\">\n            Entre no grupo de ofertas de\n            <strong id=\"oc-selected-city\"><\/strong>\n          <\/h2>\n\n          <p>\n            <strong class=\"oc-offer-highlight\">\n              Clique no bot\u00e3o abaixo para entrar no GRUPO DE OFERTAS\n            <\/strong>\n            e receber as promo\u00e7\u00f5es especiais diretamente pelo WhatsApp.\n          <\/p>\n        <\/div>\n\n        <div class=\"oc-group-grid\">\n          <a\n            id=\"oc-group-card\"\n            class=\"oc-group-card\"\n            href=\"#\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer nofollow\"\n            aria-label=\"Entrar no grupo de ofertas pelo WhatsApp\"\n          >\n            <div class=\"oc-logo-box\">\n              <img\n                class=\"oc-card-logo\"\n                src=\"https:\/\/mudamarketing.com.br\/wp-content\/uploads\/2026\/01\/L3.jpg\"\n                alt=\"Logo\"\n                loading=\"lazy\"\n                decoding=\"async\"\n              >\n            <\/div>\n\n            <div class=\"oc-group-body\">\n              <p class=\"oc-group-instruction\">\n                Clique no bot\u00e3o para entrar no <strong>GRUPO DE OFERTAS<\/strong>.\n              <\/p>\n\n              <span class=\"oc-group-cta\">\n                <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n                  <path d=\"M20.5 11.7a8.5 8.5 0 0 1-12.6 7.5L3 20.5l1.3-4.8a8.5 8.5 0 1 1 16.2-4Z\"><\/path>\n                  <path fill=\"#fff\" d=\"M8.2 7.5c.2-.4.5-.4.8-.4h.5c.2 0 .4.1.5.4l.7 1.7c.1.3.1.5-.1.7l-.6.7c-.2.2-.2.4-.1.6.5 1 1.3 1.9 2.3 2.5.3.2.5.2.7-.1l.8-1c.2-.3.4-.3.7-.2l1.8.8c.3.1.4.3.4.5 0 .6-.2 1.4-.7 1.9-.6.6-1.6.9-2.6.7-1.1-.2-2.6-.7-4.2-2.2-1.4-1.2-2.3-2.8-2.6-3.7-.3-.8 0-2.2.7-2.9Z\"><\/path>\n                <\/svg>\n                <span>Entrar no grupo de ofertas<\/span>\n              <\/span>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"oc-whatsapp-note\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n            <path d=\"M20.5 11.8a8.4 8.4 0 0 1-12.4 7.4L3 20.5l1.4-5a8.4 8.4 0 1 1 16.1-3.7Z\"><\/path>\n            <path d=\"M8.3 7.7c.2-.4.4-.4.7-.4h.5c.2 0 .4.1.5.4l.7 1.7c.1.3.1.5-.1.7l-.6.7c-.2.2-.2.4-.1.6.5 1 1.2 1.8 2.2 2.4.3.2.5.2.7-.1l.8-1c.2-.3.4-.3.7-.2l1.8.8c.3.1.4.3.4.5 0 .5-.2 1.4-.7 1.9-.6.6-1.5.9-2.5.7-1.1-.2-2.5-.7-4.1-2.1-1.3-1.2-2.2-2.7-2.5-3.6-.3-.8 0-2.2.6-3Z\"><\/path>\n          <\/svg>\n\n          <div>\n            <strong>Voc\u00ea ser\u00e1 direcionado ao WhatsApp.<\/strong>\n            <span>O acesso ao grupo \u00e9 r\u00e1pido e gratuito.<\/span>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n\n    <p class=\"oc-footer-note\">\n      Ofertas mais perto de voc\u00ea\n    <\/p>\n\n    <footer class=\"oc-muda-footer\" aria-label=\"Cr\u00e9ditos do site\">\n      <span class=\"oc-muda-footer__label\">Desenvolvido por<\/span>\n\n      <a\n        class=\"oc-muda-footer__link\"\n        href=\"https:\/\/mudamarketing.com.br\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Acessar o site da Muda Marketing\"\n      >\n        <img\n          class=\"oc-muda-footer__logo\"\n          src=\"https:\/\/mudamarketing.com.br\/wp-content\/uploads\/2022\/08\/mudda_marketing_logo_maior.png\"\n          alt=\"Muda Marketing\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      <\/a>\n    <\/footer>\n  <\/main>\n<\/section>\n\n<style>\n  html:has(#ofertas-cidades),\n  body:has(#ofertas-cidades) {\n    max-width: 100%;\n    margin: 0;\n    overflow-x: hidden;\n    background: #c60022;\n  }\n\n  #ofertas-cidades,\n  #ofertas-cidades * {\n    box-sizing: border-box;\n  }\n\n  #ofertas-cidades {\n    --oc-red: #df1730;\n    --oc-red-dark: #c60022;\n    --oc-red-deep: #a9001b;\n    --oc-yellow: #ffcf00;\n    --oc-orange: #f6a019;\n    --oc-ink: #2e2728;\n    --oc-muted: #756c6d;\n    --oc-line: #eadfe0;\n    --oc-soft: #fff6f7;\n    --oc-white: #ffffff;\n    --oc-green: #1fa855;\n\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    max-width: 100vw;\n    min-height: 100svh;\n    margin-right: -50vw;\n    margin-left: -50vw;\n    overflow: hidden;\n    background:\n      linear-gradient(\n        180deg,\n        var(--oc-red) 0,\n        var(--oc-red) 54%,\n        var(--oc-red-dark) 54%,\n        var(--oc-red-dark) 100%\n      );\n    color: var(--oc-ink);\n    font-family: Inter, Montserrat, Arial, Helvetica, sans-serif;\n    isolation: isolate;\n  }\n\n  #ofertas-cidades button,\n  #ofertas-cidades input {\n    font: inherit;\n  }\n\n  #ofertas-cidades button,\n  #ofertas-cidades a {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  #ofertas-cidades .oc-brand-strip {\n    position: relative;\n    z-index: 2;\n    background: var(--oc-white);\n  }\n\n  #ofertas-cidades .oc-brand-strip__inner {\n    width: min(100%, 1040px);\n    margin: 0 auto;\n    padding: 16px 18px 18px;\n  }\n\n  #ofertas-cidades .oc-network-label {\n    display: block;\n    margin: 0 0 8px;\n    color: var(--oc-red);\n    font-size: 0.72rem;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    text-align: right;\n  }\n\n  #ofertas-cidades .oc-main-logo {\n    display: block;\n    width: min(100%, 430px);\n    max-height: 128px;\n    margin: 0 auto;\n    object-fit: contain;\n  }\n\n  #ofertas-cidades .oc-background-band {\n    position: absolute;\n    z-index: 0;\n    top: 225px;\n    left: 50%;\n    width: 122%;\n    height: 150px;\n    transform: translateX(-50%);\n    background: rgba(255, 255, 255, 0.035);\n    border-top: 1px solid rgba(255, 255, 255, 0.07);\n    border-bottom: 1px solid rgba(104, 0, 17, 0.14);\n    pointer-events: none;\n  }\n\n  #ofertas-cidades .oc-main {\n    position: relative;\n    z-index: 2;\n    width: min(100%, 980px);\n    margin: 0 auto;\n    padding: 22px 14px 38px;\n  }\n\n  #ofertas-cidades .oc-flow-card {\n    position: relative;\n    overflow: hidden;\n    background: var(--oc-white);\n    border: 1px solid rgba(136, 0, 25, 0.1);\n    border-radius: 22px;\n    box-shadow: 0 22px 60px rgba(94, 0, 18, 0.24);\n  }\n\n  #ofertas-cidades .oc-flow-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 auto;\n    height: 5px;\n    background: linear-gradient(\n      90deg,\n      var(--oc-yellow),\n      var(--oc-orange),\n      var(--oc-red)\n    );\n  }\n\n  #ofertas-cidades .oc-progress {\n    padding: 24px 20px 2px;\n  }\n\n  #ofertas-cidades .oc-progress__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 9px;\n    color: var(--oc-red);\n    font-size: 0.69rem;\n    font-weight: 900;\n    letter-spacing: 0.11em;\n  }\n\n  #ofertas-cidades .oc-progress__track {\n    position: relative;\n    height: 7px;\n    overflow: hidden;\n    background: #f0e4e5;\n    border-radius: 999px;\n  }\n\n  #ofertas-cidades .oc-progress__bar {\n    display: block;\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(90deg, var(--oc-orange), var(--oc-red));\n    border-radius: inherit;\n    transition: width 350ms ease;\n  }\n\n  #ofertas-cidades .oc-step {\n    padding: 24px 20px 28px;\n  }\n\n  #ofertas-cidades .oc-step--active {\n    animation: ocStepIn 360ms ease both;\n  }\n\n  @keyframes ocStepIn {\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  #ofertas-cidades .oc-heading {\n    max-width: 710px;\n  }\n\n  #ofertas-cidades .oc-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 10px;\n    color: var(--oc-red);\n    font-size: 0.72rem;\n    font-weight: 900;\n    letter-spacing: 0.13em;\n  }\n\n  #ofertas-cidades .oc-kicker::before {\n    content: \"\";\n    width: 22px;\n    height: 3px;\n    background: var(--oc-yellow);\n    border-radius: 99px;\n  }\n\n  #ofertas-cidades h1,\n  #ofertas-cidades h2 {\n    margin: 0;\n    color: var(--oc-ink);\n    font-size: clamp(1.62rem, 7.1vw, 2.55rem);\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  #ofertas-cidades h1 strong,\n  #ofertas-cidades h2 strong {\n    color: var(--oc-red);\n  }\n\n  #ofertas-cidades #oc-group-title strong {\n    display: block;\n    width: 100%;\n    margin-top: 3px;\n    overflow-wrap: break-word;\n    word-break: normal;\n  }\n\n  #ofertas-cidades .oc-city-instruction {\n    color: var(--oc-ink);\n    font-weight: 800;\n  }\n\n  #ofertas-cidades .oc-offer-highlight {\n    color: inherit;\n    font-weight: 850;\n  }\n\n  #ofertas-cidades .oc-heading > p {\n    margin: 14px 0 0;\n    color: var(--oc-muted);\n    font-size: 0.98rem;\n    line-height: 1.58;\n  }\n\n  #ofertas-cidades .oc-search-wrap {\n    margin-top: 24px;\n  }\n\n  #ofertas-cidades .oc-search-label {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--oc-ink);\n    font-size: 0.83rem;\n    font-weight: 800;\n  }\n\n  #ofertas-cidades .oc-search {\n    position: relative;\n  }\n\n  #ofertas-cidades .oc-search svg {\n    position: absolute;\n    top: 50%;\n    left: 15px;\n    width: 20px;\n    height: 20px;\n    transform: translateY(-50%);\n    fill: none;\n    stroke: var(--oc-red);\n    stroke-width: 2;\n    stroke-linecap: round;\n  }\n\n  #ofertas-cidades .oc-search input {\n    width: 100%;\n    min-height: 52px;\n    padding: 12px 16px 12px 46px;\n    color: var(--oc-ink);\n    background: var(--oc-white);\n    border: 1.5px solid #dbcfd0;\n    border-radius: 14px;\n    outline: none;\n    transition:\n      border-color 180ms ease,\n      box-shadow 180ms ease;\n  }\n\n  #ofertas-cidades .oc-search input::placeholder {\n    color: #a49899;\n  }\n\n  #ofertas-cidades .oc-search input:focus {\n    border-color: var(--oc-red);\n    box-shadow: 0 0 0 4px rgba(223, 23, 48, 0.11);\n  }\n\n  #ofertas-cidades .oc-field-help {\n    margin: 8px 2px 0;\n    color: var(--oc-muted);\n    font-size: 0.78rem;\n    line-height: 1.45;\n  }\n\n  #ofertas-cidades .oc-city-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-top: 20px;\n  }\n\n  #ofertas-cidades .oc-city-button {\n    position: relative;\n    display: grid;\n    grid-template-columns: 38px minmax(0, 1fr);\n    align-items: center;\n    gap: 10px;\n    width: 100%;\n    min-height: 62px;\n    padding: 10px 44px 10px 12px;\n    color: var(--oc-ink);\n    text-align: left;\n    background: var(--oc-white);\n    border: 1px solid var(--oc-line);\n    border-radius: 14px;\n    cursor: pointer;\n    transition:\n      transform 180ms ease,\n      border-color 180ms ease,\n      box-shadow 180ms ease,\n      background 180ms ease;\n  }\n\n  #ofertas-cidades .oc-city-button:hover {\n    transform: translateY(-2px);\n    background: var(--oc-soft);\n    border-color: rgba(223, 23, 48, 0.42);\n    box-shadow: 0 10px 26px rgba(93, 0, 18, 0.09);\n  }\n\n  #ofertas-cidades .oc-city-button:focus-visible {\n    outline: 3px solid rgba(246, 160, 25, 0.5);\n    outline-offset: 2px;\n  }\n\n  #ofertas-cidades .oc-city-icon {\n    display: grid;\n    place-items: center;\n    width: 38px;\n    height: 38px;\n    overflow: hidden;\n    background: transparent;\n    border-radius: 11px;\n  }\n\n  #ofertas-cidades .oc-city-icon img {\n    display: block;\n    width: 38px;\n    height: 38px;\n    object-fit: contain;\n  }\n\n  #ofertas-cidades .oc-city-copy {\n    width: 100%;\n    min-width: 0;\n    white-space: normal !important;\n  }\n\n  #ofertas-cidades .oc-city-name {\n    display: flex;\n    align-items: center;\n    min-height: 38px;\n    max-width: 100%;\n    white-space: normal !important;\n    overflow-wrap: break-word;\n    word-break: normal;\n    font-size: 0.93rem;\n    font-weight: 850;\n    line-height: 1.2;\n  }\n\n  #ofertas-cidades .oc-city-arrow {\n    position: absolute;\n    top: 50%;\n    right: 14px;\n    width: 18px;\n    color: var(--oc-red);\n    font-size: 1.25rem;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    transform: translateY(-50%);\n    transition: transform 180ms ease;\n  }\n\n  #ofertas-cidades .oc-city-button:hover .oc-city-arrow {\n    transform: translate(3px, -50%);\n  }\n\n  #ofertas-cidades .oc-empty {\n    margin-top: 20px;\n    padding: 24px 18px;\n    color: var(--oc-muted);\n    text-align: center;\n    background: var(--oc-soft);\n    border: 1px dashed #e3c8cc;\n    border-radius: 16px;\n  }\n\n  #ofertas-cidades .oc-empty__icon {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--oc-red);\n    font-size: 1.8rem;\n    line-height: 1;\n  }\n\n  #ofertas-cidades .oc-empty strong {\n    display: block;\n    color: var(--oc-ink);\n  }\n\n  #ofertas-cidades .oc-empty p {\n    margin: 5px 0 0;\n    font-size: 0.83rem;\n  }\n\n  #ofertas-cidades .oc-back-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    margin: -4px 0 20px;\n    padding: 8px 0;\n    color: var(--oc-red);\n    background: transparent;\n    border: 0;\n    cursor: pointer;\n    font-size: 0.82rem;\n    font-weight: 850;\n  }\n\n  #ofertas-cidades .oc-back-button svg {\n    width: 18px;\n    height: 18px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #ofertas-cidades .oc-back-button:hover {\n    color: var(--oc-red-deep);\n  }\n\n  #ofertas-cidades .oc-back-button:focus-visible {\n    outline: 3px solid rgba(246, 160, 25, 0.5);\n    outline-offset: 3px;\n    border-radius: 6px;\n  }\n\n  #ofertas-cidades .oc-group-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    max-width: 440px;\n    margin-top: 24px;\n  }\n\n  #ofertas-cidades .oc-group-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-height: 290px;\n    overflow: hidden;\n    color: var(--oc-ink);\n    text-decoration: none;\n    background: var(--oc-white);\n    border: 1px solid var(--oc-line);\n    border-radius: 18px;\n    box-shadow: 0 10px 32px rgba(64, 0, 12, 0.08);\n    transition:\n      transform 200ms ease,\n      box-shadow 200ms ease,\n      border-color 200ms ease;\n  }\n\n  #ofertas-cidades .oc-group-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(223, 23, 48, 0.38);\n    box-shadow: 0 18px 40px rgba(64, 0, 12, 0.14);\n  }\n\n  #ofertas-cidades .oc-group-card:focus-visible {\n    outline: 4px solid rgba(246, 160, 25, 0.55);\n    outline-offset: 3px;\n  }\n\n  #ofertas-cidades .oc-logo-box {\n    position: relative;\n    display: grid;\n    place-items: center;\n    min-height: 150px;\n    padding: 22px;\n    background:\n      radial-gradient(\n        circle at top right,\n        rgba(255, 207, 0, 0.16),\n        transparent 36%\n      ),\n      linear-gradient(180deg, #fff, #fff9fa);\n    border-bottom: 1px solid #f1e3e5;\n  }\n\n  #ofertas-cidades .oc-card-logo {\n    display: block;\n    width: 100%;\n    max-width: 280px;\n    height: 104px;\n    object-fit: contain;\n  }\n\n  #ofertas-cidades .oc-group-body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    padding: 17px;\n  }\n\n  #ofertas-cidades .oc-group-instruction {\n    margin: 0 0 16px;\n    color: var(--oc-ink);\n    font-size: 0.88rem;\n    font-weight: 500;\n    line-height: 1.42;\n  }\n\n  #ofertas-cidades .oc-group-instruction strong {\n    color: var(--oc-red);\n    font-weight: 900;\n  }\n\n  #ofertas-cidades .oc-group-cta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    width: 100%;\n    min-height: 48px;\n    margin-top: auto;\n    padding: 11px 14px;\n    color: var(--oc-white);\n    background: var(--oc-green);\n    border-radius: 12px;\n    font-size: 0.82rem;\n    font-weight: 900;\n    line-height: 1.25;\n    text-align: center;\n    box-shadow: 0 8px 18px rgba(31, 168, 85, 0.2);\n  }\n\n  #ofertas-cidades .oc-group-cta svg {\n    flex: 0 0 20px;\n    width: 20px;\n    height: 20px;\n    fill: currentColor;\n  }\n\n  #ofertas-cidades .oc-whatsapp-note {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin-top: 20px;\n    padding: 14px;\n    color: #3a3031;\n    background: #f1fff6;\n    border: 1px solid #cdebd8;\n    border-radius: 14px;\n  }\n\n  #ofertas-cidades .oc-whatsapp-note > svg {\n    flex: 0 0 24px;\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: var(--oc-green);\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #ofertas-cidades .oc-whatsapp-note strong,\n  #ofertas-cidades .oc-whatsapp-note span {\n    display: block;\n  }\n\n  #ofertas-cidades .oc-whatsapp-note strong {\n    font-size: 0.8rem;\n  }\n\n  #ofertas-cidades .oc-whatsapp-note span {\n    margin-top: 3px;\n    color: #66736b;\n    font-size: 0.73rem;\n    line-height: 1.4;\n  }\n\n  #ofertas-cidades .oc-footer-note {\n    margin: 16px 0 0;\n    color: rgba(255, 255, 255, 0.86);\n    font-size: 0.71rem;\n    font-weight: 750;\n    letter-spacing: 0.03em;\n    text-align: center;\n  }\n\n  #ofertas-cidades .oc-muda-footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    width: 100%;\n    margin: 18px auto 0;\n    padding-top: 18px;\n    border-top: 1px solid rgba(255, 255, 255, 0.18);\n  }\n\n  #ofertas-cidades .oc-muda-footer__label {\n    color: rgba(255, 255, 255, 0.88);\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    white-space: nowrap;\n  }\n\n  #ofertas-cidades .oc-muda-footer__link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: min(100%, 168px);\n    padding: 0;\n    background: transparent;\n    border: 0;\n    border-radius: 0;\n    box-shadow: none;\n    transition: transform 180ms ease;\n  }\n\n  #ofertas-cidades .oc-muda-footer__link:hover {\n    transform: translateY(-2px);\n  }\n\n  #ofertas-cidades .oc-muda-footer__link:focus-visible {\n    outline: 3px solid var(--oc-yellow);\n    outline-offset: 3px;\n  }\n\n  #ofertas-cidades .oc-muda-footer__logo {\n    display: block;\n    width: 100%;\n    max-width: 142px;\n    height: 28px;\n    object-fit: contain;\n  }\n\n  @media (max-width: 360px) {\n    #ofertas-cidades .oc-muda-footer {\n      flex-direction: column;\n      gap: 8px;\n    }\n  }\n\n  @media (min-width: 430px) {\n    #ofertas-cidades .oc-main {\n      padding-right: 18px;\n      padding-left: 18px;\n    }\n\n    #ofertas-cidades .oc-city-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 700px) {\n    #ofertas-cidades .oc-brand-strip__inner {\n      padding: 18px 28px 22px;\n    }\n\n    #ofertas-cidades .oc-main {\n      padding-top: 32px;\n      padding-bottom: 54px;\n    }\n\n    #ofertas-cidades .oc-flow-card {\n      border-radius: 28px;\n    }\n\n    #ofertas-cidades .oc-progress {\n      padding: 30px 34px 4px;\n    }\n\n    #ofertas-cidades .oc-step {\n      padding: 30px 34px 38px;\n    }\n\n    #ofertas-cidades .oc-city-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 12px;\n    }\n  }\n\n  @media (min-width: 930px) {\n    #ofertas-cidades .oc-step {\n      padding-right: 42px;\n      padding-left: 42px;\n    }\n\n    #ofertas-cidades .oc-progress {\n      padding-right: 42px;\n      padding-left: 42px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #ofertas-cidades *,\n    #ofertas-cidades *::before,\n    #ofertas-cidades *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n<\/style>\n\n<script type=\"module\">\nimport {\n  initializeApp,\n  getApps\n} from \"https:\/\/www.gstatic.com\/firebasejs\/10.12.4\/firebase-app.js\";\nimport {\n  getFirestore,\n  collection,\n  addDoc,\n  serverTimestamp\n} from \"https:\/\/www.gstatic.com\/firebasejs\/10.12.4\/firebase-firestore.js\";\n\n(function () {\n  \"use strict\";\n\n  const root = document.querySelector(\"[data-ofertas-landing]\");\n\n  if (!root || root.dataset.initialized === \"true\") {\n    return;\n  }\n\n  root.dataset.initialized = \"true\";\n\n  const FIREBASE_CONFIG = {\n    apiKey: \"AIzaSyAgUeCeM40cIHzz2jXQF8rhWp0Kf1iuqS4\",\n    authDomain: \"santo-antonio-supermercados.firebaseapp.com\",\n    projectId: \"santo-antonio-supermercados\",\n    storageBucket: \"santo-antonio-supermercados.firebasestorage.app\",\n    messagingSenderId: \"911296998320\",\n    appId: \"1:911296998320:web:876ff5d1d56bcef6cd4475\"\n  };\n\n  const COLLECTION_NAME = \"santo_antonio_events\";\n  const SITE_ID = \"santo_antonio_whatsapp\";\n  const FIREBASE_APP_NAME = \"santo-antonio-analytics\";\n  const VISITOR_KEY = \"sa_ofertas_visitor_id\";\n  const FIRST_ACCESS_KEY = \"sa_ofertas_first_access\";\n  const INVITE_OPEN_STATE_KEY = \"sa_ofertas_invite_open_state_v1\";\n\n  const existingAnalyticsApp = getApps().find(function (app) {\n    return app.name === FIREBASE_APP_NAME;\n  });\n\n  const analyticsApp = existingAnalyticsApp || initializeApp(\n    FIREBASE_CONFIG,\n    FIREBASE_APP_NAME\n  );\n\n  const analyticsDb = getFirestore(analyticsApp);\n\n  const CITY_ICON =\n    \"https:\/\/seusitevaiserassim.com.br\/wp-content\/uploads\/2026\/07\/mais.png\";\n\n  const cityGroups = [\n    {\n      city: \"Bicas\",\n      whatsapp: \"https:\/\/chat.whatsapp.com\/DrXBSumj7y0LEcLspWuMg3\"\n    },\n    {\n      city: \"Descoberto\",\n      whatsapp: \"https:\/\/chat.whatsapp.com\/EcddSKwnmvlCRVi3mWvS1H?mode=wwt\"\n    },\n    {\n      city: \"Marip\u00e1 de Minas\",\n      whatsapp: \"https:\/\/chat.whatsapp.com\/LWCHMvdN5rM8yUhc4oDF7q\"\n    },\n    {\n      city: \"Mar de Espanha\",\n      whatsapp: \"https:\/\/chat.whatsapp.com\/J42IE9l58fALj3IhX6QQO1\"\n    },\n    {\n      city: \"S\u00e3o Jo\u00e3o Nepomuceno\",\n      whatsapp: \"https:\/\/chat.whatsapp.com\/BaNZIjNDoXQIrTqL8j8VRH?mode=wwt\"\n    }\n  ];\n\n  function createVisitorId() {\n    if (window.crypto && typeof window.crypto.randomUUID === \"function\") {\n      return window.crypto.randomUUID();\n    }\n\n    return (\n      \"sa-\" +\n      Date.now().toString(36) +\n      \"-\" +\n      Math.random().toString(36).slice(2, 12)\n    );\n  }\n\n  function getStoredValue(key) {\n    try {\n      return window.localStorage.getItem(key);\n    } catch (error) {\n      return null;\n    }\n  }\n\n  function setStoredValue(key, value) {\n    try {\n      window.localStorage.setItem(key, value);\n    } catch (error) {\n      return;\n    }\n  }\n\n  function registerInviteOpen(city) {\n    let state = {\n      total: 0,\n      cities: {}\n    };\n\n    const storedState = getStoredValue(INVITE_OPEN_STATE_KEY);\n\n    if (storedState) {\n      try {\n        const parsedState = JSON.parse(storedState);\n\n        if (parsedState && typeof parsedState === \"object\") {\n          state.total = Number(parsedState.total) || 0;\n          state.cities = parsedState.cities && typeof parsedState.cities === \"object\"\n            ? parsedState.cities\n            : {};\n        }\n      } catch (error) {\n        state = { total: 0, cities: {} };\n      }\n    }\n\n    const previousTotal = Math.max(0, Number(state.total) || 0);\n    const previousCityTotal = Math.max(0, Number(state.cities[city]) || 0);\n\n    state.total = previousTotal + 1;\n    state.cities[city] = previousCityTotal + 1;\n\n    setStoredValue(INVITE_OPEN_STATE_KEY, JSON.stringify(state));\n\n    return {\n      isFirstInviteOpen: previousTotal === 0,\n      isRepeatInviteOpen: previousTotal > 0,\n      inviteOpenNumber: state.total,\n      isFirstInviteOpenForCity: previousCityTotal === 0,\n      cityInviteOpenNumber: state.cities[city]\n    };\n  }\n\n  function getVisitorState() {\n    let visitorId = getStoredValue(VISITOR_KEY);\n\n    if (!visitorId) {\n      visitorId = createVisitorId();\n      setStoredValue(VISITOR_KEY, visitorId);\n    }\n\n    const firstAccess = getStoredValue(FIRST_ACCESS_KEY);\n    const isFirstAccess = !firstAccess;\n\n    if (isFirstAccess) {\n      setStoredValue(FIRST_ACCESS_KEY, new Date().toISOString());\n    }\n\n    return {\n      visitorId: visitorId,\n      isFirstAccess: isFirstAccess,\n      isReturningVisitor: !isFirstAccess\n    };\n  }\n\n  function currentSaoPauloDateKey() {\n    const parts = Object.fromEntries(\n      new Intl.DateTimeFormat(\"pt-BR\", {\n        timeZone: \"America\/Sao_Paulo\",\n        year: \"numeric\",\n        month: \"2-digit\",\n        day: \"2-digit\"\n      })\n        .formatToParts(new Date())\n        .map(function (part) {\n          return [part.type, part.value];\n        })\n    );\n\n    return parts.year + \"-\" + parts.month + \"-\" + parts.day;\n  }\n\n  function detectSource() {\n    const params = new URLSearchParams(window.location.search);\n    const utmSource = params.get(\"utm_source\");\n\n    if (utmSource) {\n      return utmSource;\n    }\n\n    const referrer = String(document.referrer || \"\").toLowerCase();\n\n    if (!referrer) return \"Direto\";\n    if (referrer.includes(\"instagram\")) return \"Instagram\";\n    if (referrer.includes(\"facebook\") || referrer.includes(\"fb.com\")) return \"Facebook\";\n    if (referrer.includes(\"tiktok\")) return \"TikTok\";\n    if (referrer.includes(\"google\")) return \"Google\";\n    if (referrer.includes(\"whatsapp\") || referrer.includes(\"wa.me\")) return \"WhatsApp\";\n\n    try {\n      return new URL(document.referrer).hostname.replace(\/^www\\.\/, \"\");\n    } catch (error) {\n      return \"Refer\u00eancia externa\";\n    }\n  }\n\n  function detectDevice() {\n    const width = Math.max(\n      document.documentElement.clientWidth || 0,\n      window.innerWidth || 0\n    );\n\n    if (width <= 767) return \"Celular\";\n    if (width <= 1024) return \"Tablet\";\n    return \"Computador\";\n  }\n\n  const visitorState = getVisitorState();\n  const trafficData = {\n    source: detectSource(),\n    medium: new URLSearchParams(window.location.search).get(\"utm_medium\") || \"\",\n    campaign: new URLSearchParams(window.location.search).get(\"utm_campaign\") || \"\"\n  };\n\n  function trackEvent(eventType, extraData) {\n    const now = new Date();\n\n    const payload = Object.assign({\n      eventType: eventType,\n      siteId: SITE_ID,\n      pagePath: window.location.pathname,\n      pageUrl: window.location.href,\n      visitorId: visitorState.visitorId,\n      isFirstAccess: eventType === \"page_view\" && visitorState.isFirstAccess,\n      isReturningVisitor: visitorState.isReturningVisitor,\n      city: \"\",\n      storeId: \"santo-antonio\",\n      storeName: \"Santo Ant\u00f4nio\",\n      source: trafficData.source,\n      medium: trafficData.medium,\n      campaign: trafficData.campaign,\n      device: detectDevice(),\n      dateKey: currentSaoPauloDateKey(),\n      createdAtClient: now.toISOString(),\n      localDateTime: new Intl.DateTimeFormat(\"pt-BR\", {\n        timeZone: \"America\/Sao_Paulo\",\n        dateStyle: \"short\",\n        timeStyle: \"medium\"\n      }).format(now),\n      createdAt: serverTimestamp()\n    }, extraData || {});\n\n    return addDoc(collection(analyticsDb, COLLECTION_NAME), payload).catch(function (error) {\n      console.warn(\"N\u00e3o foi poss\u00edvel registrar o evento de acompanhamento.\", error);\n    });\n  }\n\n  const elements = {\n    cityStep: root.querySelector(\"#oc-step-city\"),\n    groupStep: root.querySelector(\"#oc-step-group\"),\n    cityGrid: root.querySelector(\"#oc-city-grid\"),\n    citySearch: root.querySelector(\"#oc-city-search\"),\n    emptyCity: root.querySelector(\"#oc-empty-city\"),\n    selectedCity: root.querySelector(\"#oc-selected-city\"),\n    backButton: root.querySelector(\"#oc-back-button\"),\n    groupCard: root.querySelector(\"#oc-group-card\"),\n    progressBar: root.querySelector(\"#oc-progress-bar\"),\n    progressTrack: root.querySelector(\".oc-progress__track\"),\n    stepLabel: root.querySelector(\"#oc-step-label\"),\n    stepPercent: root.querySelector(\"#oc-step-percent\")\n  };\n\n  function normalizeText(value) {\n    return String(value || \"\")\n      .normalize(\"NFD\")\n      .replace(\/[\\u0300-\\u036f]\/g, \"\")\n      .toLowerCase()\n      .trim();\n  }\n\n  function escapeHtml(value) {\n    return String(value)\n      .replace(\/&\/g, \"&amp;\")\n      .replace(\/<\/g, \"&lt;\")\n      .replace(\/>\/g, \"&gt;\")\n      .replace(\/\"\/g, \"&quot;\")\n      .replace(\/'\/g, \"&#039;\");\n  }\n\n  function findCity(city) {\n    return cityGroups.find(function (item) {\n      return item.city === city;\n    });\n  }\n\n  function renderCities(filterValue) {\n    const normalizedFilter = normalizeText(filterValue);\n\n    const filteredCities = cityGroups.filter(function (item) {\n      return normalizeText(item.city).indexOf(normalizedFilter) !== -1;\n    });\n\n    elements.cityGrid.innerHTML = filteredCities\n      .map(function (item) {\n        return (\n          '<button class=\"oc-city-button\" type=\"button\" data-city=\"' +\n          escapeHtml(item.city) +\n          '\" aria-label=\"Selecionar ' +\n          escapeHtml(item.city) +\n          '\">' +\n            '<span class=\"oc-city-icon\" aria-hidden=\"true\">' +\n              '<img src=\"' + CITY_ICON + '\" alt=\"\" loading=\"lazy\" decoding=\"async\">' +\n            '<\/span>' +\n            '<span class=\"oc-city-copy\">' +\n              '<span class=\"oc-city-name\">' +\n                escapeHtml(item.city) +\n              '<\/span>' +\n            '<\/span>' +\n            '<span class=\"oc-city-arrow\" aria-hidden=\"true\">\u203a<\/span>' +\n          '<\/button>'\n        );\n      })\n      .join(\"\");\n\n    elements.emptyCity.hidden = filteredCities.length !== 0;\n    elements.cityGrid.hidden = filteredCities.length === 0;\n  }\n\n  function updateProgress(step) {\n    const secondStep = step === 2;\n    const percent = secondStep ? 100 : 50;\n\n    elements.progressBar.style.width = percent + \"%\";\n    elements.progressTrack.setAttribute(\"aria-valuenow\", String(percent));\n    elements.stepLabel.textContent =\n      secondStep ? \"PASSO 2 DE 2\" : \"PASSO 1 DE 2\";\n    elements.stepPercent.textContent = percent + \"%\";\n  }\n\n  function showGroupStep(city) {\n    const selected = findCity(city);\n\n    if (!selected) {\n      return;\n    }\n\n    elements.selectedCity.textContent = selected.city;\n    elements.groupCard.href = selected.whatsapp;\n    elements.groupCard.dataset.selectedCity = selected.city;\n\n    elements.cityStep.hidden = true;\n    elements.cityStep.classList.remove(\"oc-step--active\");\n\n    elements.groupStep.hidden = false;\n    elements.groupStep.classList.add(\"oc-step--active\");\n\n    updateProgress(2);\n\n    if (Array.isArray(window.dataLayer)) {\n      window.dataLayer.push({\n        event: \"ofertas_city_selected\",\n        ofertas_city: selected.city\n      });\n    }\n\n    trackEvent(\"city_select\", {\n      city: selected.city\n    });\n\n    window.setTimeout(function () {\n      root.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"start\"\n      });\n\n      elements.backButton.focus({ preventScroll: true });\n    }, 80);\n  }\n\n  function showCityStep() {\n    elements.groupStep.hidden = true;\n    elements.groupStep.classList.remove(\"oc-step--active\");\n\n    elements.cityStep.hidden = false;\n    elements.cityStep.classList.add(\"oc-step--active\");\n\n    updateProgress(1);\n\n    window.setTimeout(function () {\n      root.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"start\"\n      });\n\n      elements.citySearch.focus({ preventScroll: true });\n    }, 80);\n  }\n\n  elements.cityGrid.addEventListener(\"click\", function (event) {\n    const button = event.target.closest(\"[data-city]\");\n\n    if (!button) {\n      return;\n    }\n\n    showGroupStep(button.getAttribute(\"data-city\"));\n  });\n\n  elements.citySearch.addEventListener(\"input\", function (event) {\n    renderCities(event.target.value);\n  });\n\n  elements.citySearch.addEventListener(\"search\", function (event) {\n    renderCities(event.target.value);\n  });\n\n  elements.backButton.addEventListener(\"click\", showCityStep);\n\n  elements.groupCard.addEventListener(\"click\", function () {\n    const selectedCity = elements.groupCard.dataset.selectedCity || \"\";\n    const inviteOpenState = registerInviteOpen(selectedCity);\n\n    if (Array.isArray(window.dataLayer)) {\n      window.dataLayer.push({\n        event: \"ofertas_group_click\",\n        ofertas_city: selectedCity,\n        ofertas_first_invite_open: inviteOpenState.isFirstInviteOpen,\n        ofertas_invite_open_number: inviteOpenState.inviteOpenNumber\n      });\n    }\n\n    trackEvent(\"whatsapp_click\", {\n      city: selectedCity,\n      isFirstInviteOpen: inviteOpenState.isFirstInviteOpen,\n      isRepeatInviteOpen: inviteOpenState.isRepeatInviteOpen,\n      inviteOpenNumber: inviteOpenState.inviteOpenNumber,\n      isFirstInviteOpenForCity: inviteOpenState.isFirstInviteOpenForCity,\n      cityInviteOpenNumber: inviteOpenState.cityInviteOpenNumber\n    });\n  });\n\n  renderCities(\"\");\n  trackEvent(\"page_view\");\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OFERTAS PASSO 1 DE 2 50% SEJA BEM-VINDO! Ofertas mais perto de voc\u00ea Escolha a cidade onde faz compras: Buscar minha cidade Toque em uma cidade para acessar o grupo de ofertas correspondente. \u2315 Nenhuma cidade encontrada. Confira a digita\u00e7\u00e3o ou procure na lista completa. Trocar cidade OFERTAS NA SUA REGI\u00c3O Entre no grupo de &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/santoantoniosm.com.br\/site\/whatsapp\/\" class=\"more-link\">Continue lendo<span class=\"screen-reader-text\"> &#8220;Whatsapp&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10739","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/pages\/10739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/comments?post=10739"}],"version-history":[{"count":31,"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/pages\/10739\/revisions"}],"predecessor-version":[{"id":10774,"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/pages\/10739\/revisions\/10774"}],"wp:attachment":[{"href":"https:\/\/santoantoniosm.com.br\/site\/wp-json\/wp\/v2\/media?parent=10739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}