{"id":11,"date":"2025-03-04T11:24:11","date_gmt":"2025-03-04T14:24:11","guid":{"rendered":"https:\/\/himag.com.br\/?page_id=11"},"modified":"2025-11-02T09:07:47","modified_gmt":"2025-11-02T12:07:47","slug":"home","status":"publish","type":"page","link":"https:\/\/himag.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d7b5d7 e-con-full e-flex e-con e-parent\" data-id=\"6d7b5d7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fde6e7d e-con-full e-flex e-con e-child\" data-id=\"fde6e7d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f4aa814 e-con-full e-flex e-con e-child\" data-id=\"f4aa814\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-53b1c47 e-con-full e-flex e-con e-child\" data-id=\"53b1c47\" data-element_type=\"container\" id=\"titulobanner\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ca3036 elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3ca3036\" 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<!-- In\u00edcio do componente isolado Mary Kay -->\r\n<div id=\"mk-divulgacao-123\" \r\n     style=\"width:120%; max-width:120%; padding:40px; background:#fff; border-radius:16px; box-shadow:0 6px 16px rgba(0,0,0,0.1); box-sizing:border-box; margin-left:0;\">\r\n\r\n  <p class=\"mk-header\" style=\"font-size:32px; font-weight:700; line-height:1.4; margin-bottom:25px; color:#222;\">\r\n    A divulga\u00e7\u00e3o certa para voc\u00ea, consultora Mary Kay, \r\n    <span class=\"mk-highlight\" style=\"color:#d63384; font-weight:800;\">vender mais<\/span> \u2014 todos os dias.\r\n  <\/p>\r\n\r\n  <p class=\"mk-descricao\" style=\"font-size:20px; color:#444; margin-bottom:30px; line-height:1.6;\">\r\n    Materiais prontos, <strong>personalizados com sua foto + nome<\/strong>, \r\n    para fortalecer sua presen\u00e7a digital e criar conex\u00e3o real.\r\n  <\/p>\r\n\r\n  <ul class=\"mk-lista\" style=\"list-style:none; padding:0; margin:0; font-size:19px; line-height:1.8; color:#333;\">\r\n    <li style=\"margin-bottom:14px;\">\r\n      <span class=\"mk-icon\">\ud83d\udc8e<\/span>\r\n      <strong>Templates atualizados<\/strong>\r\n      <span class=\"mk-descricao-item\"> \u2014 poste em minutos, sem bloqueio criativo.<\/span>\r\n    <\/li>\r\n    <li style=\"margin-bottom:14px;\">\r\n      <span class=\"mk-icon\">\ud83d\udc8e<\/span>\r\n      <strong>V\u00eddeos<\/strong>\r\n      <span class=\"mk-descricao-item\"> \u2014 engajamento imediato nos stories.<\/span>\r\n    <\/li>\r\n    <li style=\"margin-bottom:14px;\">\r\n      <span class=\"mk-icon\">\ud83d\udc8e<\/span>\r\n      <strong>Carross\u00e9is impactantes<\/strong>\r\n      <span class=\"mk-descricao-item\"> \u2014 educam, inspiram e convertem.<\/span>\r\n    <\/li>\r\n    <li>\r\n      <span class=\"mk-icon\">\ud83d\udc8e<\/span>\r\n      <strong>Personaliza\u00e7\u00e3o autom\u00e1tica<\/strong>\r\n      <span class=\"mk-descricao-item\"> (sua foto e nome) \u2014 autoridade instant\u00e2nea.<\/span>\r\n    <\/li>\r\n  <\/ul>\r\n<\/div>\r\n<!-- Fim do componente isolado Mary Kay -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5361848 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"5361848\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcb1243 elementor-widget-tablet__width-initial elementor-widget__width-initial elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"fcb1243\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1365\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-26-768x1365.png\" class=\"attachment-medium_large size-medium_large wp-image-1781\" alt=\"\" srcset=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-26-768x1365.png 768w, https:\/\/himag.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-26-169x300.png 169w, https:\/\/himag.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-26-576x1024.png 576w, https:\/\/himag.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-26-864x1536.png 864w, https:\/\/himag.com.br\/wp-content\/uploads\/2025\/08\/Design-sem-nome-26.png 1080w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-026c5de elementor-mobile-align-center elementor-align-center elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-tablet-align-center elementor-widget elementor-widget-button\" data-id=\"026c5de\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wa.me\/5522992612072?text=Ol%C3%A1%21%20Vim%20do%20site%20Hi%20Mag%20e%20quero%20ter%20acesso%20aos%20materiais%20personalizados%20para%20consultora%20Mary%20Kay.%20Como%20fa%C3%A7o%20para%20come%C3%A7ar%3F\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\ud83d\udc49 Transforme suas Vendas HOJE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a4b877 e-con-full e-flex e-con e-child\" data-id=\"4a4b877\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-068b7be e-con-full e-flex e-con e-child\" data-id=\"068b7be\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9855d0e elementor-widget elementor-widget-html\" data-id=\"9855d0e\" 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<!-- ============ EXEMPLOS DE MATERIAIS DISPON\u00cdVEIS (Hi Mag) - VERS\u00c3O MOBILE CORRIGIDA ============ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<section id=\"himag-exemplos\" class=\"himag-section\">\r\n  <h2 class=\"himag-title\">\r\n    Exemplos de Materiais <span class=\"himag-highlight\">Dispon\u00edveis<\/span>\r\n  <\/h2>\r\n  <p class=\"himag-subtitle\">\r\n    Confira alguns exemplos do que voc\u00ea encontrar\u00e1 dentro da plataforma\r\n  <\/p>\r\n\r\n  <!-- v\u00eddeo responsivo 4:5 -->\r\n  <div class=\"himag-video-container\">\r\n    <video class=\"himag-video\" controls playsinline muted>\r\n      <source src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/05\/WhatsApp-Video-2025-05-16-at-13.38.49.mp4\" type=\"video\/mp4\">\r\n      Seu navegador n\u00e3o suporta v\u00eddeos HTML5.\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <!-- cart\u00f5es -->\r\n  <div class=\"himag-format-grid\">\r\n    <div class=\"himag-format-card\">\r\n      <div class=\"himag-icon himag-icon-instagram\">\r\n        <i class=\"fa-brands fa-instagram\"><\/i>\r\n      <\/div>\r\n      <h4 class=\"himag-card-title\">Instagram Feed<\/h4>\r\n      <p class=\"himag-card-text\">Post quadrado perfeito<\/p>\r\n    <\/div>\r\n    <div class=\"himag-format-card\">\r\n      <div class=\"himag-icon himag-icon-instagram\">\r\n        <i class=\"fa-brands fa-instagram\"><\/i>\r\n      <\/div>\r\n      <h4 class=\"himag-card-title\">Stories<\/h4>\r\n      <p class=\"himag-card-text\">Vertical que impacta<\/p>\r\n    <\/div>\r\n    <div class=\"himag-format-card\">\r\n      <div class=\"himag-icon himag-icon-facebook\">\r\n        <i class=\"fa-brands fa-facebook-f\"><\/i>\r\n      <\/div>\r\n      <h4 class=\"himag-card-title\">Facebook<\/h4>\r\n      <p class=\"himag-card-text\">Para p\u00fablicos diversos<\/p>\r\n    <\/div>\r\n    <div class=\"himag-format-card\">\r\n      <div class=\"himag-icon himag-icon-whatsapp\">\r\n        <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n      <\/div>\r\n      <h4 class=\"himag-card-title\">WhatsApp<\/h4>\r\n      <p class=\"himag-card-text\">Status que saltam aos olhos<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.himag-section {\r\n  font-family: 'Poppins', Arial, sans-serif;\r\n  background-color: #f9f7fc;\r\n  color: #561089;\r\n  padding: 40px 15px;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.himag-title {\r\n  font-family: 'Poppins', Arial, sans-serif;\r\n  font-weight: 600;\r\n  font-size: 2rem;\r\n  margin: 0 0 6px 0;\r\n  color: #561089;\r\n}\r\n\r\n.himag-highlight {\r\n  color: #ff39c7;\r\n}\r\n\r\n.himag-subtitle {\r\n  font-size: 0.875rem;\r\n  margin: 0 0 30px 0;\r\n  color: #561089;\r\n}\r\n\r\n.himag-video-container {\r\n  position: relative;\r\n  padding-top: 125%;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1 );\r\n  background-color: #000;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.himag-video {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.himag-format-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 14px;\r\n}\r\n\r\n.himag-format-card {\r\n  background-color: #fff;\r\n  padding: 18px;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.himag-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-size: 20px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.himag-icon-instagram {\r\n  background-color: #E1306C;\r\n}\r\n\r\n.himag-icon-facebook {\r\n  background-color: #1877F2;\r\n}\r\n\r\n.himag-icon-whatsapp {\r\n  background-color: #25D366;\r\n}\r\n\r\n.himag-card-title {\r\n  font-family: 'Poppins', Arial, sans-serif;\r\n  font-weight: 600;\r\n  font-size: 0.9rem;\r\n  margin: 0 0 4px 0;\r\n  text-align: center;\r\n  color: #561089;\r\n}\r\n\r\n.himag-card-text {\r\n  font-size: 0.72rem;\r\n  line-height: 1.3;\r\n  margin: 0;\r\n  text-align: center;\r\n  color: #666;\r\n}\r\n\r\n\/* MOBILE - CORRE\u00c7\u00c3O DEFINITIVA *\/\r\n@media screen and (max-width: 600px) {\r\n  .himag-section {\r\n    padding: 30px 5px !important;\r\n  }\r\n  \r\n  .himag-format-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 8px !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n  \r\n  .himag-format-card {\r\n    padding: 12px 6px !important;\r\n    margin: 0 !important;\r\n    width: 100% !important;\r\n    box-sizing: border-box !important;\r\n    min-height: 100px !important;\r\n  }\r\n  \r\n  .himag-card-title {\r\n    font-size: 0.75rem !important;\r\n  }\r\n  \r\n  .himag-card-text {\r\n    font-size: 0.6rem !important;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 601px) {\r\n  .himag-format-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .himag-format-card {\r\n    flex: 0 0 170px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc980e8 e-flex e-con-boxed e-con e-parent\" data-id=\"fc980e8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5f06608 e-con-full e-flex e-con e-child\" data-id=\"5f06608\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ce8cbd elementor-widget elementor-widget-html\" data-id=\"0ce8cbd\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Hi,Mag! \u2013 Caixinhas Compactas<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* Estilos encapsulados para evitar conflitos *\/\r\n    #himag-caixinhas-unico,\r\n    #himag-caixinhas-unico * {\r\n      font-family: 'Poppins', sans-serif !important;\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #himag-caixinhas-unico {\r\n      max-width: 1140px !important;\r\n      margin: 0 auto !important;\r\n      padding: 20px !important;\r\n    }\r\n\r\n    #himag-caixinhas-unico .titulo-principal {\r\n      text-align: center !important;\r\n      margin-bottom: 25px !important;\r\n      color: #ffffff !important;\r\n      font-size: 1.8rem !important;\r\n      font-weight: 600 !important;\r\n      line-height: 1.3 !important;\r\n      padding: 0 15px !important;\r\n    }\r\n    #himag-caixinhas-unico .titulo-principal .no-orphan {\r\n      white-space: nowrap !important;\r\n    }\r\n\r\n    #himag-caixinhas-unico .caixinhas-container {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(3, 1fr) !important;\r\n      gap: 20px !important;\r\n      margin-bottom: 30px !important;\r\n    }\r\n\r\n    #himag-caixinhas-unico .caixinha {\r\n      background-color: #ff39c7 !important;\r\n      color: #ffffff !important;\r\n      border-radius: 8px !important;\r\n      padding: 20px !important;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;\r\n      transition: transform 0.3s ease !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      align-items: center !important;\r\n      text-align: center !important;\r\n      overflow: hidden !important;\r\n    }\r\n    #himag-caixinhas-unico .caixinha:hover {\r\n      transform: translateY(-3px) !important;\r\n      box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important;\r\n    }\r\n\r\n    #himag-caixinhas-unico .caixinha-icon {\r\n      font-size: 2rem !important;\r\n      margin-bottom: 10px !important;\r\n    }\r\n    #himag-caixinhas-unico .caixinha-title {\r\n      font-size: 1.3rem !important;\r\n      font-weight: 600 !important;\r\n      margin-bottom: 8px !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n    #himag-caixinhas-unico .caixinha-description {\r\n      font-size: 0.95rem !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    \/* Tablet \u2013 mant\u00e9m 3 colunas como no desktop *\/\r\n    @media screen and (max-width: 768px) {\r\n      #himag-caixinhas-unico .titulo-principal {\r\n        font-size: 1.6rem !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinhas-container {\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha {\r\n        padding: 18px !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha-icon {\r\n        font-size: 1.8rem !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha-title {\r\n        font-size: 1.2rem !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha-description {\r\n        font-size: 0.9rem !important;\r\n      }\r\n    }\r\n\r\n    \/* Mobile \u2013 uma coluna *\/\r\n    @media screen and (max-width: 480px) {\r\n      #himag-caixinhas-unico .titulo-principal {\r\n        font-size: 1.4rem !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinhas-container {\r\n        grid-template-columns: 1fr !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha {\r\n        padding: 15px !important;\r\n        max-width: 300px !important;\r\n        margin: 0 auto !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha-icon {\r\n        font-size: 1.6rem !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha-title {\r\n        font-size: 1.1rem !important;\r\n      }\r\n      #himag-caixinhas-unico .caixinha-description {\r\n        font-size: 0.85rem !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <!-- In\u00edcio do bloco encapsulado -->\r\n  <div id=\"himag-caixinhas-unico\">\r\n    <h2 class=\"titulo-principal\">\r\n      Estrat\u00e9gia de marketing digital completa para consultora Mary Kay: otimizar seu tempo, garantir destaque e <span class=\"no-orphan\">maximizar vendas.<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"caixinhas-container\">\r\n      <div class=\"caixinha\">\r\n        <div class=\"caixinha-icon\">\u23f1\ufe0f<\/div>\r\n        <h3 class=\"caixinha-title\">Falta de tempo<\/h3>\r\n        <p class=\"caixinha-description\">\r\n          Seu dia voa? Este site \u00e9 para voc\u00ea. Divulgue seus produtos com poucos cliques. R\u00e1pido, claro e irresist\u00edvel \u2013 como sua <span class=\"no-orphan\">marca merece.<\/span>\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"caixinha\">\r\n        <div class=\"caixinha-icon\">\u2728<\/div>\r\n        <h3 class=\"caixinha-title\">Necessidade de se destacar<\/h3>\r\n        <p class=\"caixinha-description\">\r\n          No meio de tantos conte\u00fados, o seu merece ser visto. Aqui voc\u00ea encontra posts bonitos e estrat\u00e9gicos \u2013 feitos para atrair olhares logo no <span class=\"no-orphan\">primeiro segundo.<\/span>\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"caixinha\">\r\n        <div class=\"caixinha-icon\">\ud83d\udcc8<\/div>\r\n        <h3 class=\"caixinha-title\">Desejo de mais vendas<\/h3>\r\n        <p class=\"caixinha-description\">\r\n          Voc\u00ea tem um \u00f3timo produto. Agora s\u00f3 falta comunicar isso do jeito certo. Com mensagens certeiras voc\u00ea transforma cada post em uma oportunidade <span class=\"no-orphan\">de venda.<\/span>\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <!-- Fim do bloco encapsulado -->\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-640c5db e-flex e-con-boxed e-con e-parent\" data-id=\"640c5db\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-634492e e-con-full e-flex e-con e-child\" data-id=\"634492e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae29605 elementor-widget elementor-widget-html\" data-id=\"ae29605\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Hi,Mag! - Mensagem sobre Fadiga da Decis\u00e3o<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflitos *\/\r\n        #himag-mensagem-fadiga-unico * {\r\n            font-family: 'Poppins', sans-serif !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico {\r\n            max-width: 1140px !important;\r\n            margin: 0 auto !important;\r\n            padding: 30px 20px !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico .mensagem-container {\r\n            background-color: #f8f2ff !important;\r\n            border-radius: 12px !important;\r\n            padding: 40px 30px !important;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n            border-left: 5px solid #ff39c7 !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico .mensagem-titulo {\r\n            color: #561089 !important;\r\n            font-size: 1.6rem !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 20px !important;\r\n            line-height: 1.3 !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico .mensagem-texto {\r\n            color: #561089 !important;\r\n            font-size: 1.1rem !important;\r\n            line-height: 1.6 !important;\r\n            margin-bottom: 15px !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico .mensagem-destaque {\r\n            font-weight: 600 !important;\r\n            color: #561089 !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico .mensagem-fonte {\r\n            color: #561089 !important;\r\n            font-size: 0.9rem !important;\r\n            font-style: italic !important;\r\n            opacity: 0.8 !important;\r\n            margin-top: 20px !important;\r\n            text-align: right !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico .mensagem-icone {\r\n            position: absolute !important;\r\n            top: 30px !important;\r\n            right: 30px !important;\r\n            font-size: 2.5rem !important;\r\n            color: rgba(255, 57, 199, 0.15) !important;\r\n        }\r\n        \r\n        #himag-mensagem-fadiga-unico .no-orphan {\r\n            white-space: nowrap !important;\r\n        }\r\n        \r\n        \/* Tablet *\/\r\n        @media screen and (max-width: 768px) {\r\n            #himag-mensagem-fadiga-unico .mensagem-container {\r\n                padding: 30px 25px !important;\r\n            }\r\n            \r\n            #himag-mensagem-fadiga-unico .mensagem-titulo {\r\n                font-size: 1.4rem !important;\r\n            }\r\n            \r\n            #himag-mensagem-fadiga-unico .mensagem-texto {\r\n                font-size: 1rem !important;\r\n            }\r\n            \r\n            #himag-mensagem-fadiga-unico .mensagem-icone {\r\n                font-size: 2rem !important;\r\n                top: 25px !important;\r\n                right: 25px !important;\r\n            }\r\n        }\r\n        \r\n        \/* Mobile *\/\r\n        @media screen and (max-width: 480px) {\r\n            #himag-mensagem-fadiga-unico .mensagem-container {\r\n                padding: 25px 20px !important;\r\n            }\r\n            \r\n            #himag-mensagem-fadiga-unico .mensagem-titulo {\r\n                font-size: 1.3rem !important;\r\n                padding-right: 40px !important;\r\n            }\r\n            \r\n            #himag-mensagem-fadiga-unico .mensagem-texto {\r\n                font-size: 0.95rem !important;\r\n            }\r\n            \r\n            #himag-mensagem-fadiga-unico .mensagem-icone {\r\n                font-size: 1.8rem !important;\r\n                top: 20px !important;\r\n                right: 20px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- In\u00edcio do bloco encapsulado - Copie a partir daqui -->\r\n    <div id=\"himag-mensagem-fadiga-unico\">\r\n        <div class=\"mensagem-container\">\r\n            <div class=\"mensagem-icone\">\ud83d\udca1<\/div>\r\n            \r\n            <h3 class=\"mensagem-titulo\">Nossos posts n\u00e3o s\u00e3o apenas bonitos, eles s\u00e3o pensados estrategicamente para facilitar a decis\u00e3o <span class=\"no-orphan\">de compra.<\/span><\/h3>\r\n            \r\n            <p class=\"mensagem-texto\">\r\n                <span class=\"mensagem-destaque\">O excesso de informa\u00e7\u00e3o cansa o cliente e reduz as vendas<\/span>, segundo a NNG.\r\n            <\/p>\r\n            \r\n            <p class=\"mensagem-texto\">\r\n                Nosso design evita a fadiga da decis\u00e3o, apresentando apenas o essencial de forma clara <span class=\"no-orphan\">e estrat\u00e9gica.<\/span>\r\n            <\/p>\r\n            \r\n            <p class=\"mensagem-texto\">\r\n                Utilizamos princ\u00edpios da ci\u00eancia do comportamento humano para alcan\u00e7ar resultados <span class=\"no-orphan\">melhores.<\/span>\r\n            <\/p>\r\n            \r\n            <p class=\"mensagem-fonte\">\r\n                Nielsen Norman Group - Especialistas em Experi\u00eancia do Usu\u00e1rio\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- Fim do bloco encapsulado -->\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-427f137 elementor-widget elementor-widget-image\" data-id=\"427f137\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"965\" height=\"277\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/03\/Site-HM-hi-mag-carolina-1.svg\" class=\"attachment-full size-full wp-image-526\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7cd0b98 e-flex e-con-boxed e-con e-parent\" data-id=\"7cd0b98\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86cbb13 elementor-widget elementor-widget-html\" data-id=\"86cbb13\" 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<!-- BOT\u00c3O COM FONTE 45PX - RESPONSIVO -->\r\n<div class=\"container-botao-45px\">\r\n  <a href=\"https:\/\/wa.me\/5522992612072?text=Ol%C3%A1%21%20Quero%20transformar%20minhas%20vendas%20como%20consultora%20Mary%20Kay%20com%20o%20Hi%20Mag.%20Como%20posso%20come%C3%A7ar%3F\" \r\n     target=\"_blank\" \r\n     rel=\"noopener\"\r\n     class=\"btn-fonte-45\">\r\n     \ud83d\ude80 Quero transformar minhas vendas!\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n\/* ========== CONTAINER CENTRALIZADOR ========== *\/\r\n.container-botao-45px {\r\n  text-align: center;\r\n  width: 100%;\r\n  margin: 25px auto;\r\n  padding: 0 20px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n\/* ========== ESTILO BASE (DESKTOP) - FONTE 45PX ========== *\/\r\n.btn-fonte-45 {\r\n  display: inline-block;\r\n  background-color: #25d366;\r\n  color: #fff !important;\r\n  padding: 25px 50px;\r\n  border-radius: 30px;\r\n  text-decoration: none !important;\r\n  font-weight: 700;\r\n  font-size: 45px;\r\n  font-family: 'Poppins', Arial, sans-serif;\r\n  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);\r\n  transition: all 0.3s ease;\r\n  border: none;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  line-height: 1.2;\r\n  box-sizing: border-box;\r\n  letter-spacing: 0.5px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-fonte-45:hover {\r\n  background-color: #ff39c7;\r\n  box-shadow: 0 8px 25px rgba(255, 57, 199, 0.4);\r\n  transform: translateY(-3px);\r\n  color: #fff !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.btn-fonte-45:visited {\r\n  color: #fff !important;\r\n}\r\n\r\n.btn-fonte-45:focus {\r\n  outline: none;\r\n  box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.3);\r\n}\r\n\r\n.btn-fonte-45:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);\r\n}\r\n\r\n\/* ========== DESKTOP MUITO GRANDE (1400px+) ========== *\/\r\n@media screen and (min-width: 1400px) {\r\n  .btn-fonte-45 {\r\n    font-size: 50px;\r\n    padding: 30px 60px;\r\n    border-radius: 35px;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    padding: 0 40px;\r\n  }\r\n}\r\n\r\n\/* ========== DESKTOP GRANDE (1200px - 1399px) ========== *\/\r\n@media screen and (min-width: 1200px) and (max-width: 1399px) {\r\n  .btn-fonte-45 {\r\n    font-size: 45px;\r\n    padding: 25px 50px;\r\n    border-radius: 30px;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    padding: 0 30px;\r\n  }\r\n}\r\n\r\n\/* ========== DESKTOP M\u00c9DIO (1024px - 1199px) ========== *\/\r\n@media screen and (min-width: 1024px) and (max-width: 1199px) {\r\n  .btn-fonte-45 {\r\n    font-size: 40px;\r\n    padding: 22px 45px;\r\n    border-radius: 28px;\r\n  }\r\n}\r\n\r\n\/* ========== TABLET (768px - 1023px) ========== *\/\r\n@media screen and (min-width: 768px) and (max-width: 1023px) {\r\n  .btn-fonte-45 {\r\n    font-size: 35px;\r\n    padding: 20px 40px;\r\n    border-radius: 25px;\r\n    white-space: normal;\r\n    line-height: 1.1;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    margin: 20px auto;\r\n    padding: 0 25px;\r\n  }\r\n}\r\n\r\n\/* ========== TABLET PEQUENO (601px - 767px) ========== *\/\r\n@media screen and (min-width: 601px) and (max-width: 767px) {\r\n  .btn-fonte-45 {\r\n    font-size: 30px;\r\n    padding: 18px 35px;\r\n    border-radius: 22px;\r\n    white-space: normal;\r\n    line-height: 1.1;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    margin: 18px auto;\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\n\/* ========== MOBILE GRANDE (481px - 600px) ========== *\/\r\n@media screen and (min-width: 481px) and (max-width: 600px) {\r\n  .btn-fonte-45 {\r\n    font-size: 26px;\r\n    padding: 16px 30px;\r\n    border-radius: 20px;\r\n    width: 90%;\r\n    max-width: 450px;\r\n    white-space: normal;\r\n    line-height: 1.1;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    margin: 16px auto;\r\n    padding: 0 15px;\r\n  }\r\n}\r\n\r\n\/* ========== MOBILE M\u00c9DIO (376px - 480px) ========== *\/\r\n@media screen and (min-width: 376px) and (max-width: 480px) {\r\n  .btn-fonte-45 {\r\n    font-size: 22px;\r\n    padding: 14px 25px;\r\n    border-radius: 18px;\r\n    width: 92%;\r\n    max-width: 400px;\r\n    white-space: normal;\r\n    line-height: 1.1;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    margin: 14px auto;\r\n    padding: 0 12px;\r\n  }\r\n}\r\n\r\n\/* ========== MOBILE PEQUENO (at\u00e9 375px) ========== *\/\r\n@media screen and (max-width: 375px) {\r\n  .btn-fonte-45 {\r\n    font-size: 20px;\r\n    padding: 12px 20px;\r\n    border-radius: 16px;\r\n    width: 95%;\r\n    max-width: 350px;\r\n    white-space: normal;\r\n    line-height: 1.1;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    margin: 12px auto;\r\n    padding: 0 10px;\r\n  }\r\n}\r\n\r\n\/* ========== MOBILE MUITO PEQUENO (at\u00e9 320px) ========== *\/\r\n@media screen and (max-width: 320px) {\r\n  .btn-fonte-45 {\r\n    font-size: 18px;\r\n    padding: 10px 15px;\r\n    border-radius: 14px;\r\n    width: 98%;\r\n    max-width: 300px;\r\n    white-space: normal;\r\n    line-height: 1.0;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    margin: 10px auto;\r\n    padding: 0 8px;\r\n  }\r\n}\r\n\r\n\/* ========== AJUSTES PARA TOUCH DEVICES ========== *\/\r\n@media (hover: none) and (pointer: coarse) {\r\n  .btn-fonte-45 {\r\n    min-height: 50px;\r\n  }\r\n  \r\n  .btn-fonte-45:hover {\r\n    background-color: #25d366;\r\n    transform: none;\r\n    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);\r\n  }\r\n  \r\n  .btn-fonte-45:active {\r\n    background-color: #ff39c7;\r\n    transform: scale(0.98);\r\n  }\r\n}\r\n\r\n\/* ========== MODO PAISAGEM MOBILE ========== *\/\r\n@media screen and (max-height: 500px) and (orientation: landscape) {\r\n  .btn-fonte-45 {\r\n    font-size: 16px;\r\n    padding: 8px 15px;\r\n    border-radius: 12px;\r\n  }\r\n  \r\n  .container-botao-45px {\r\n    margin: 8px auto;\r\n  }\r\n}\r\n\r\n\/* ========== ACESSIBILIDADE ========== *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .btn-fonte-45 {\r\n    transition: none;\r\n  }\r\n  \r\n  .btn-fonte-45:hover {\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\/* ========== ALTO CONTRASTE ========== *\/\r\n@media (prefers-contrast: high) {\r\n  .btn-fonte-45 {\r\n    border: 3px solid #fff;\r\n    font-weight: 800;\r\n  }\r\n}\r\n\r\n\/* ========== CORRE\u00c7\u00c3O ESPEC\u00cdFICA PARA TELAS PEQUENAS ========== *\/\r\n@media screen and (max-width: 414px) {\r\n  .container-botao-45px {\r\n    padding: 0 8px !important;\r\n  }\r\n  \r\n  .btn-fonte-45 {\r\n    width: 96% !important;\r\n    margin: 0 auto;\r\n    display: block;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b98d21b e-flex e-con-boxed e-con e-parent\" data-id=\"b98d21b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7450fef e-con-full e-flex e-con e-child\" data-id=\"7450fef\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d3c8a elementor-widget elementor-widget-heading\" data-id=\"e1d3c8a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conquistando a confian\u00e7a com \nconte\u00fado de qualidade<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e32b5b elementor-widget elementor-widget-text-editor\" data-id=\"1e32b5b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Imagine sua cliente pensando:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e52105 elementor-widget elementor-widget-text-editor\" data-id=\"0e52105\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">\u201cEssa consultora<\/span><\/strong><\/p><p><strong><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">se\u00a0<\/span>preocupa comig<\/strong><b>o<\/b>.\u201d<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29e7cad elementor-widget elementor-widget-text-editor\" data-id=\"29e7cad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Quando voc\u00ea usa um material bem-feito, com aquela<\/span>\u00a0pegada profissional, ela percebe.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5c60b5 elementor-widget elementor-widget-image\" data-id=\"e5c60b5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"151\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/03\/Site-HM-hi-mag-carolina-2.svg\" class=\"attachment-large size-large wp-image-545\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa9585d e-flex e-con-boxed e-con e-parent\" data-id=\"aa9585d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c2b87e7 e-con-full e-flex e-con e-child\" data-id=\"c2b87e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecccc93 elementor-widget elementor-widget-html\" data-id=\"ecccc93\" 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<style>\r\n  @media (max-width: 768px) {\r\n    .versus {\r\n      display: block;\r\n      text-align: center;\r\n      font-weight: bold;\r\n      font-size: 1.2rem;\r\n      color: #fd38c6;\r\n      margin: 20px 0;\r\n    }\r\n\r\n    .container-himag {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .card-himag {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 769px) {\r\n    .versus {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .container-himag {\r\n    font-family: 'Livic', sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 24px;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 40px 0;\r\n    color: #561089;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .himag-title {\r\n    text-align: center;\r\n    font-size: 2.25rem;\r\n    color: #561089;\r\n    font-weight: bold;\r\n    margin-bottom: 40px;\r\n    font-family: 'Livic', sans-serif;\r\n  }\r\n\r\n  .card-himag {\r\n    flex: 1 1 400px;\r\n    border-radius: 20px;\r\n    padding: 32px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .card-himag.negativo {\r\n    background-color: #f9f9fb;\r\n    border: 1px solid #e0e0e0;\r\n  }\r\n\r\n  .card-himag.positivo {\r\n    background: linear-gradient(135deg, #fffbe9, #fff0f6);\r\n    border: 2px solid #ffa5d8;\r\n    box-shadow: 0 8px 24px rgba(253, 56, 198, 0.2);\r\n  }\r\n\r\n  .card-himag h2 {\r\n    font-size: 1.75rem;\r\n    margin-bottom: 24px;\r\n    color: #561089;\r\n  }\r\n\r\n  .item-himag {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .item-himag .icon {\r\n    font-size: 1.3rem;\r\n    margin-right: 12px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .item-himag .text {\r\n    color: #561089;\r\n  }\r\n\r\n  .item-himag .text b {\r\n    display: block;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .card-himag.negativo .icon {\r\n    color: #fd38c6;\r\n  }\r\n\r\n  .card-himag.positivo .icon {\r\n    color: #00b67a;\r\n  }\r\n\r\n  .card-himag.positivo h2::before {\r\n    content: \"\u2605 \";\r\n    color: #fd38c6;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"himag-title\">\r\n  O que muda na sua rotina com (e sem) o Hi Mag!\r\n<\/div>\r\n\r\n<div class=\"container-himag\">\r\n  <!-- Lado negativo -->\r\n  <div class=\"card-himag negativo\">\r\n    <h2>Sem o Hi Mag!<\/h2>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u274c<\/div><div class=\"text\"><b>Conte\u00fado sem estrat\u00e9gia<\/b>Horas criando posts que n\u00e3o viram vendas.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u274c<\/div><div class=\"text\"><b>Cat\u00e1logo desatualizado<\/b>Informa\u00e7\u00f5es erradas sobre produtos Mary Kay.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u274c<\/div><div class=\"text\"><b>Tempo desperdi\u00e7ado<\/b>Trabalho manual em vez de atender clientes.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u274c<\/div><div class=\"text\"><b>Mensagem confusa<\/b>Comunica\u00e7\u00e3o que afasta poss\u00edveis compradoras.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u274c<\/div><div class=\"text\"><b>Imagem amadora<\/b>Presen\u00e7a digital sem credibilidade.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u274c<\/div><div class=\"text\"><b>Resultado lento<\/b>Voc\u00ea se esfor\u00e7a, mas n\u00e3o v\u00ea retorno.<\/div><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"versus\">CONTRA<\/div>\r\n\r\n  <!-- Lado positivo -->\r\n  <div class=\"card-himag positivo\">\r\n    <h2>Com o Hi Mag!<\/h2>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u2705<\/div><div class=\"text\"><b>Conte\u00fado estrat\u00e9gico<\/b>Templates que transformam curtidas em pedidos.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u2705<\/div><div class=\"text\"><b>Cat\u00e1logo atualizado<\/b>Promo\u00e7\u00f5es e lan\u00e7amentos sempre \u00e0 m\u00e3o.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u2705<\/div><div class=\"text\"><b>+5 h livres por semana<\/b>Tempo para vender e cuidar de clientes.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u2705<\/div><div class=\"text\"><b>Copy que converte<\/b>Mensagens persuasivas que viram vendas.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u2705<\/div><div class=\"text\"><b>Experi\u00eancia simplificada<\/b>Compra f\u00e1cil = cliente fiel.<\/div><\/div>\r\n    <div class=\"item-himag\"><div class=\"icon\">\u2705<\/div><div class=\"text\"><b>Resultados vis\u00edveis<\/b>Crescimento real sem esfor\u00e7o extra.<\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdc6bdd elementor-hidden-mobile sobre elementor-widget elementor-widget-html\" data-id=\"cdc6bdd\" data-element_type=\"widget\" id=\"sobre\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .bloco-quem-somos {\r\n    display: block;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .bloco-quem-somos img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .bloco-quem-somos {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"bloco-quem-somos\" id=\"sobre\">\r\n  <img decoding=\"async\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/05\/Copia-de-Site-Hi-Mag-2.png\" alt=\"Quem somos\">\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2cfe6e e-con-full e-flex e-con e-child\" data-id=\"b2cfe6e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-095c450 elementor-widget elementor-widget-html\" data-id=\"095c450\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Nossa Hist\u00f3ria - Hi,Mag!<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    :root {\r\n      --primary-color: #FF40B4;\r\n      --secondary-color: #8140c9;\r\n      --background-color: #f8f2ff;\r\n      --text-color: #ffffff;\r\n      --light-color: #fff;\r\n      --timeline-width: 6px;\r\n    }\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      font-family: 'Poppins', sans-serif;\r\n    }\r\n    body {\r\n      background-color: var(--background-color);\r\n      color: var(--text-color);\r\n      line-height: 1.6;\r\n    }\r\n    .container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 40px 20px;\r\n    }\r\n    .timeline-header {\r\n      text-align: center;\r\n      margin-bottom: 60px;\r\n    }\r\n    .timeline-header h2 {\r\n      font-size: 2.5rem;\r\n      color: var(--secondary-color);\r\n      margin-bottom: 15px;\r\n      position: relative;\r\n      display: inline-block;\r\n    }\r\n    .timeline-header h2:after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 60%;\r\n      height: 4px;\r\n      background: var(--primary-color);\r\n      bottom: -10px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      border-radius: 2px;\r\n    }\r\n    .timeline-header p {\r\n      font-size: 1.2rem;\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n      color: var(--secondary-color);\r\n    }\r\n    .timeline {\r\n      position: relative;\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n    }\r\n    .timeline::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: var(--timeline-width);\r\n      background-color: var(--primary-color);\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 50%;\r\n      margin-left: calc(var(--timeline-width) \/ -2);\r\n    }\r\n    .timeline-item {\r\n      padding: 10px 40px;\r\n      position: relative;\r\n      width: 50%;\r\n      animation: fadeIn 0.8s ease-in-out forwards;\r\n      opacity: 0;\r\n    }\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(20px); }\r\n      to   { opacity: 1; transform: translateY(0);      }\r\n    }\r\n    .timeline-item:nth-child(1) { animation-delay: 0.2s; }\r\n    .timeline-item:nth-child(2) { animation-delay: 0.4s; }\r\n    .timeline-item:nth-child(3) { animation-delay: 0.6s; }\r\n    .left  { left: 0;  }\r\n    .right { left: 50%; }\r\n    .timeline-content {\r\n      padding: 25px;\r\n      background-color: var(--secondary-color);\r\n      position: relative;\r\n      border-radius: 0;\r\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n      transition: transform 0.3s ease;\r\n    }\r\n    .timeline-content:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n    }\r\n    .timeline-content h3 {\r\n      color: var(--light-color);\r\n      margin-bottom: 10px;\r\n      font-size: 1.4rem;\r\n    }\r\n    .timeline-content p {\r\n      margin-bottom: 0;\r\n      color: var(--light-color);\r\n    }\r\n    .timeline-date {\r\n      font-weight: bold;\r\n      color: var(--light-color);\r\n      margin-bottom: 5px;\r\n      font-size: 1.1rem;\r\n    }\r\n    .timeline-item::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 25px;\r\n      height: 25px;\r\n      right: -12px;\r\n      background-color: var(--light-color);\r\n      border: 4px solid var(--primary-color);\r\n      top: 20px;\r\n      border-radius: 50%;\r\n      z-index: 1;\r\n    }\r\n    .left::after  { right: -12px; }\r\n    .right::after { left: -12px; }\r\n    .left .timeline-content::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 0;\r\n      height: 0;\r\n      top: 22px;\r\n      right: -15px;\r\n      border: medium solid var(--secondary-color);\r\n      border-width: 10px 0 10px 15px;\r\n      border-color: transparent transparent transparent var(--secondary-color);\r\n    }\r\n    .right .timeline-content::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 0;\r\n      height: 0;\r\n      top: 22px;\r\n      left: -15px;\r\n      border: medium solid var(--secondary-color);\r\n      border-width: 10px 15px 10px 0;\r\n      border-color: transparent var(--secondary-color) transparent transparent;\r\n    }\r\n    .timeline-icon {\r\n      width: 50px;\r\n      height: 50px;\r\n      background-color: var(--primary-color);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 15px;\r\n    }\r\n    .timeline-icon i {\r\n      color: var(--light-color);\r\n      font-size: 1.5rem;\r\n    }\r\n    .timeline-footer {\r\n      text-align: center;\r\n      margin-top: 60px;\r\n      padding: 30px;\r\n      background-color: var(--secondary-color);\r\n      border-radius: 0;\r\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .timeline-footer h3 {\r\n      color: var(--light-color);\r\n      margin-bottom: 15px;\r\n      font-size: 1.8rem;\r\n    }\r\n    .timeline-footer p {\r\n      margin-bottom: 0;\r\n      color: var(--light-color);\r\n    }\r\n    \/* Desktop *\/\r\n    @media screen and (min-width: 1025px) {\r\n      .timeline::after { left: 50%; }\r\n      .timeline-item { width: 50%; }\r\n      .left  { left: 0;  }\r\n      .right { left: 50%; }\r\n      .left::after {\r\n        right: -12px;\r\n      }\r\n      .right::after {\r\n        left: -12px;\r\n      }\r\n      .left .timeline-content::before {\r\n        right: -15px;\r\n        border-width: 10px 0 10px 15px;\r\n        border-color: transparent transparent transparent var(--secondary-color);\r\n      }\r\n      .right .timeline-content::before {\r\n        left: -15px;\r\n        border-width: 10px 15px 10px 0;\r\n        border-color: transparent var(--secondary-color) transparent transparent;\r\n      }\r\n    }\r\n    \/* Tablet *\/\r\n    @media screen and (min-width: 768px) and (max-width: 1024px) {\r\n      .timeline::after { left: 31px; }\r\n      .timeline-item {\r\n        width: 100%;\r\n        padding-left: 70px;\r\n        padding-right: 25px;\r\n      }\r\n      .timeline-item::after { left: 18px; top: 20px; }\r\n      .left::after,\r\n      .right::after { left: 18px; }\r\n      .left .timeline-content::before,\r\n      .right .timeline-content::before {\r\n        left: -15px;\r\n        border-width: 10px 15px 10px 0;\r\n        border-color: transparent var(--secondary-color) transparent transparent;\r\n      }\r\n      .right { left: 0; }\r\n      .timeline-header h2 { font-size: 2rem; }\r\n      .timeline-header p  { font-size: 1rem; }\r\n      .timeline-content h3 { font-size: 1.2rem; }\r\n      .timeline-footer h3  { font-size: 1.5rem; }\r\n    }\r\n    \/* Mobile *\/\r\n    @media screen and (max-width: 767px) {\r\n      .timeline::after { left: 31px; }\r\n      .timeline-item {\r\n        width: 100%;\r\n        padding-left: 70px;\r\n        padding-right: 25px;\r\n      }\r\n      .timeline-item::after { left: 18px; top: 20px; }\r\n      .left::after,\r\n      .right::after { left: 18px; }\r\n      .left .timeline-content::before,\r\n      .right .timeline-content::before {\r\n        left: -15px;\r\n        border-width: 10px 15px 10px 0;\r\n        border-color: transparent var(--secondary-color) transparent transparent;\r\n      }\r\n      .right { left: 0; }\r\n      .timeline-header h2   { font-size: 1.8rem; }\r\n      .timeline-header p    { font-size: 0.9rem; }\r\n      .timeline-content h3  { font-size: 1.1rem; }\r\n      .timeline-date        { font-size: 1rem; }\r\n      .timeline-content p   { font-size: 0.9rem; }\r\n      .timeline-footer h3   { font-size: 1.3rem; }\r\n      .timeline-footer p    { font-size: 0.9rem; }\r\n    }\r\n  <\/style>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n  <div class=\"container\">\r\n    <div class=\"timeline-header\">\r\n      <h2>Nossa Hist\u00f3ria<\/h2>\r\n      <p>\r\n        Um projeto especial desenvolvido para atender \u00e0s necessidades espec\u00edficas das consultoras\r\n        <span class=\"no-orphan\">Mary Kay<\/span>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"timeline\">\r\n      <div class=\"timeline-item left\">\r\n        <div class=\"timeline-content\">\r\n          <div class=\"timeline-icon\">\r\n            <i class=\"fas fa-star\"><\/i>\r\n          <\/div>\r\n          <div class=\"timeline-date\">2020<\/div>\r\n          <h3>O in\u00edcio<\/h3>\r\n          <p>O Ateli\u00ea come\u00e7a a oferecer servi\u00e7os exclusivos de marketing digital para diretoras Mary Kay, enquanto consultoras demonstram interesse por materiais personalizados para divulga\u00e7\u00e3o.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"timeline-item right\">\r\n        <div class=\"timeline-content\">\r\n          <div class=\"timeline-icon\">\r\n            <i class=\"fas fa-lightbulb\"><\/i>\r\n          <\/div>\r\n          <div class=\"timeline-date\">2024<\/div>\r\n          <h3>A ideia se transforma<\/h3>\r\n          <p>Ap\u00f3s in\u00fameros pedidos de consultoras, nasce o projeto Hi,Mag! unindo a experi\u00eancia no universo Mary Kay com abordagem focada nas necessidades espec\u00edficas das profissionais consultoras.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"timeline-item left\">\r\n        <div class=\"timeline-content\">\r\n          <div class=\"timeline-icon\">\r\n            <i class=\"fas fa-rocket\"><\/i>\r\n          <\/div>\r\n          <div class=\"timeline-date\">2025<\/div>\r\n          <h3>Lan\u00e7amento oficial<\/h3>\r\n          <p>O Hi,Mag! \u00e9 lan\u00e7ado como plataforma independente, oferecendo templates prontos e atualizados semanalmente para que consultoras Mary Kay transformem sua comunica\u00e7\u00e3o digital.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-footer\">\r\n      <h3>Um projeto feito para voc\u00ea, consultora!<\/h3>\r\n      <p>Enquanto o Ateli\u00ea continua seu trabalho exclusivo com diretoras, o Hi,Mag! nasce como plataforma dedicada \u00e0s consultoras Mary Kay, oferecendo materiais prontos e personaliz\u00e1veis com sua identidade visual.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b859006 e-con-full e-flex e-con e-child\" data-id=\"b859006\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e17e1f elementor-widget elementor-widget-html\" data-id=\"9e17e1f\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Hi,Mag! - Categorias<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Estilos encapsulados para evitar conflitos *\/\r\n        #himag-categorias-unico * {\r\n            font-family: 'Poppins', sans-serif !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n        \r\n        #himag-categorias-unico {\r\n            max-width: 1140px !important;\r\n            margin: 0 auto !important;\r\n            padding: 20px !important;\r\n        }\r\n        \r\n        \/* Estilo do t\u00edtulo principal *\/\r\n        #himag-categorias-unico .categorias-titulo-principal {\r\n            text-align: center !important;\r\n            color: #561089 !important;\r\n            font-size: 2.2rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 30px !important;\r\n            position: relative !important;\r\n            padding-bottom: 15px !important;\r\n        }\r\n        \r\n        #himag-categorias-unico .categorias-titulo-principal::after {\r\n            content: \"\" !important;\r\n            position: absolute !important;\r\n            bottom: 0 !important;\r\n            left: 50% !important;\r\n            transform: translateX(-50%) !important;\r\n            width: 80px !important;\r\n            height: 4px !important;\r\n            background-color: #ff39c7 !important;\r\n            border-radius: 2px !important;\r\n        }\r\n        \r\n        \/* Grid para 4 caixas por linha *\/\r\n        #himag-categorias-unico .categorias-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(4, 1fr) !important;\r\n            gap: 20px !important;\r\n            margin-top: 20px !important;\r\n        }\r\n        \r\n        \/* Estilo das caixas - fundo roxo e texto branco *\/\r\n        #himag-categorias-unico .categoria-card {\r\n            background-color: #561089 !important;\r\n            border-radius: 12px !important;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;\r\n            overflow: hidden !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        #himag-categorias-unico .categoria-card:hover {\r\n            transform: translateY(-5px) !important;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;\r\n        }\r\n        \r\n        #himag-categorias-unico .categoria-link {\r\n            display: block !important;\r\n            padding: 20px !important;\r\n            color: #ffffff !important;\r\n            text-decoration: none !important;\r\n            text-align: center !important;\r\n            font-size: 1rem !important;\r\n            font-weight: 500 !important;\r\n            height: 100% !important;\r\n        }\r\n        \r\n        \/* Responsividade *\/\r\n        @media screen and (max-width: 992px) {\r\n            #himag-categorias-unico .categorias-grid {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n            }\r\n            \r\n            #himag-categorias-unico .categorias-titulo-principal {\r\n                font-size: 1.8rem !important;\r\n            }\r\n        }\r\n        \r\n        @media screen and (max-width: 480px) {\r\n            #himag-categorias-unico .categorias-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n            \r\n            #himag-categorias-unico .categoria-link {\r\n                padding: 15px !important;\r\n                font-size: 0.9rem !important;\r\n            }\r\n            \r\n            #himag-categorias-unico .categorias-titulo-principal {\r\n                font-size: 1.5rem !important;\r\n                padding-bottom: 10px !important;\r\n            }\r\n            \r\n            #himag-categorias-unico .categorias-titulo-principal::after {\r\n                width: 60px !important;\r\n                height: 3px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- In\u00edcio do bloco encapsulado - Copie a partir daqui -->\r\n    <div id=\"himag-categorias-unico\">\r\n        <h2 class=\"categorias-titulo-principal\">Conhe\u00e7a as categorias<\/h2>\r\n        \r\n        <div class=\"categorias-grid\">\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Bom dia - Formato feed<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Bom dia - Formato story<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Produtos - Maquiagem<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Produtos - Fragr\u00e2ncias Masculinas<\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Produtos - Carross\u00e9is<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Material de in\u00edcio<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Frases Mary Kay Ash<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Produtos - Cuidados com a Pele<\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Frases Motivacionais<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Pink Sale<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Material de In\u00edcio - Stories<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Produtos - Fragr\u00e2ncias Femininas<\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Kits de In\u00edcio \/ Kits de In\u00edcio com Pedido Sugerido<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">V\u00eddeos - Stories \/ Status \/ Reels \/ TikTok<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Promo\u00e7\u00f5es do M\u00eas<\/a>\r\n            <\/div>\r\n            <div class=\"categoria-card\">\r\n                <a href=\"#\" class=\"categoria-link\">Arraial Pink Sale<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- Fim do bloco encapsulado -->\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db46d89 e-con-full e-flex e-con e-child\" data-id=\"db46d89\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e6cb081 e-con-full e-flex e-con e-child\" data-id=\"e6cb081\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9385eb4 elementor-widget elementor-widget-html\" data-id=\"9385eb4\" 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<!-- In\u00edcio do M\u00f3dulo Cliente - N\u00e3o altere estas classes -->\r\n<div class=\"modulo-cliente-container\" style=\"margin: 20px 0; padding: 0; box-sizing: border-box;\">\r\n  <!-- T\u00edtulo com caixa em destaque -->\r\n  <div class=\"modulo-cliente-titulo\" style=\"text-align: center; background: rgba(255,255,255,0.9); padding: 15px 25px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,.08); margin-bottom: 25px; font-family: 'Poppins', sans-serif;\">\r\n    <h2 style=\"font-size: 1.8rem; font-weight: 700; line-height: 1.3; color: #561089; margin: 0; padding: 0;\">\r\n      Sua Foto, <span style=\"color: #ff39c7;\">Sua Marca<\/span>, Seu Sucesso\r\n    <\/h2>\r\n  <\/div>\r\n\r\n  <!-- Container para conte\u00fado principal (texto e imagem) -->\r\n  <div class=\"modulo-cliente-conteudo\" style=\"display: flex; flex-direction: row; gap: 25px; align-items: center; font-family: 'Poppins', sans-serif;\">\r\n    <!-- Caixa especial para o par\u00e1grafo-chave -->\r\n    <div class=\"modulo-cliente-texto\" style=\"flex: 1; background: rgba(255,255,255,0.9); border-left: 6px solid #ff39c7; padding: 25px 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,.08);\">\r\n      <p style=\"font-size: 1.1rem; line-height: 1.6; color: #561089; margin: 0; padding: 0;\">\r\n        Quando uma cliente recebe um material com a <strong style=\"color: #561089;\">sua foto<\/strong>, algo m\u00e1gico acontece. Ela n\u00e3o est\u00e1 mais vendo apenas mais um post sobre maquiagem ou cuidados com a pele. Ela est\u00e1 vendo <strong style=\"color: #561089;\">voc\u00ea<\/strong> \u2014 a consultora em quem confia, a especialista que conhece suas <span style=\"color: #ff39c7; font-weight: 700;\">necessidades<\/span>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Container para a imagem -->\r\n    <div class=\"modulo-cliente-imagem\" style=\"flex: 1; display: flex; justify-content: center; align-items: center;\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/09\/Backup-hm-hi-mag-9.png\"\r\n        alt=\"Representa\u00e7\u00e3o de uma cliente\"\r\n        style=\"max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 8px 20px rgba(86, 16, 137, 0.2);\"\r\n      \/>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Estilos responsivos isolados para o m\u00f3dulo -->\r\n<style>\r\n  \/* Aumentar o texto do par\u00e1grafo apenas em telas de desktop (largura \u2265 992px) *\/\r\n  @media (min-width: 992px) {\r\n    .modulo-cliente-texto p {\r\n      font-size: 1.3rem !important;\r\n    }\r\n  }\r\n\r\n  \/* Apenas para telas m\u00e9dias *\/\r\n  @media (max-width: 992px) {\r\n    .modulo-cliente-titulo h2 {\r\n      font-size: 1.6rem !important;\r\n    }\r\n\r\n    .modulo-cliente-texto p {\r\n      font-size: 1rem !important;\r\n    }\r\n  }\r\n\r\n  \/* Apenas para telas pequenas (tablets e celulares) *\/\r\n  @media (max-width: 768px) {\r\n    .modulo-cliente-conteudo {\r\n      flex-direction: column !important;\r\n    }\r\n\r\n    .modulo-cliente-imagem {\r\n      order: -1 !important;\r\n      margin-bottom: 20px !important;\r\n    }\r\n\r\n    .modulo-cliente-titulo {\r\n      margin-bottom: 20px !important;\r\n    }\r\n\r\n    .modulo-cliente-texto {\r\n      padding: 20px 25px !important;\r\n    }\r\n\r\n    \/* Diminuir a imagem apenas em tablets *\/\r\n    .modulo-cliente-imagem img {\r\n      max-width: 70% !important;\r\n      height: auto;\r\n    }\r\n  }\r\n\r\n  \/* Apenas para celulares *\/\r\n  @media (max-width: 500px) {\r\n    .modulo-cliente-titulo h2 {\r\n      font-size: 1.4rem !important;\r\n    }\r\n\r\n    .modulo-cliente-texto p {\r\n      font-size: 0.95rem !important;\r\n    }\r\n  }\r\n<\/style>\r\n<!-- Fim do M\u00f3dulo Cliente -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1952c47 e-con-full e-flex e-con e-child\" data-id=\"1952c47\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3916e2f elementor-widget elementor-widget-html\" data-id=\"3916e2f\" data-element_type=\"widget\" id=\"planos\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Planos Hi Mag - Escolha o Ideal para Voc\u00ea<\/title>\r\n    <meta name=\"description\" content=\"Escolha o plano ideal do Hi Mag. Materiais personalizados para consultoras Mary Kay com pre\u00e7os especiais e garantia de 7 dias.\">\r\n    \r\n    <!-- Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n    <!-- Hero Section -->\r\n    <section class=\"hero\">\r\n        <div class=\"container\">\r\n            <h1 class=\"hero-title\">Escolha Seu Plano Ideal<\/h1>\r\n            <p class=\"hero-subtitle\">Materiais personalizados que transformam suas vendas<\/p>\r\n            \r\n            <!-- Destaque Pre\u00e7os de Lan\u00e7amento -->\r\n            <div class=\"launch-banner\">\r\n                <div class=\"launch-content\">\r\n                    <i class=\"fas fa-fire\"><\/i>\r\n                    <span class=\"launch-text\">\ud83d\ude80 PRE\u00c7OS DE LAN\u00c7AMENTO - TEMPO LIMITADO!<\/span>\r\n                    <i class=\"fas fa-fire\"><\/i>\r\n                <\/div>\r\n                <div class=\"launch-subtitle\">Aproveite agora ou pague mais depois<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Section -->\r\n    <section class=\"pricing\">\r\n        <div class=\"container\">\r\n            <div class=\"pricing-grid\">\r\n                \r\n                <!-- Plano Mensal -->\r\n                <div class=\"pricing-card\">\r\n                    <div class=\"card-header\">\r\n                        <h3 class=\"plan-name\">Mensal<\/h3>\r\n                        <p class=\"plan-description\">Experimente sem compromisso<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-pricing\">\r\n                        <div class=\"price-original\">R$ 49,90<\/div>\r\n                        <div class=\"price-current\">\r\n                            <span class=\"currency\">R$<\/span>\r\n                            <span class=\"amount\">29<\/span>\r\n                            <span class=\"cents\">,94<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-period\">por m\u00eas<\/div>\r\n                        <div class=\"discount-badge\">40% OFF<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-features\">\r\n                        <ul>\r\n                            <li><i class=\"fas fa-check\"><\/i> Materiais personalizados<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Suporte via WhatsApp<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Todos os formatos de redes sociais<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Sem fidelidade<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-cta\">\r\n                        <a href=\"https:\/\/wa.me\/5522992612072?text=Ol%C3%A1%21%20Quero%20assinar%20o%20Plano%20Mensal%20do%20Hi%20Mag%20por%20R%24%2029%2C94.%20Como%20fa%C3%A7o%3F\" \r\n                           class=\"btn-plan\" target=\"_blank\" rel=\"noopener\">\r\n                            Come\u00e7ar Agora\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Plano Semestral -->\r\n                <div class=\"pricing-card popular\">\r\n                    <div class=\"popular-badge\">\r\n                        <i class=\"fas fa-crown\"><\/i>\r\n                        <span>Mais Escolhido<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-header\">\r\n                        <h3 class=\"plan-name\">Semestral<\/h3>\r\n                        <p class=\"plan-description\">Melhor custo-benef\u00edcio<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-pricing\">\r\n                        <div class=\"price-original\">R$ 249,50<\/div>\r\n                        <div class=\"price-current\">\r\n                            <span class=\"currency\">R$<\/span>\r\n                            <span class=\"amount\">149<\/span>\r\n                            <span class=\"cents\">,70<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-period\">6 meses<\/div>\r\n                        <div class=\"price-monthly\">R$ 24,95\/m\u00eas<\/div>\r\n                        <div class=\"discount-badge\">40% OFF<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-features\">\r\n                        <ul>\r\n                            <li><i class=\"fas fa-check\"><\/i> Materiais personalizados<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Suporte via WhatsApp<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Todos os formatos de redes sociais<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Sem fidelidade<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-cta\">\r\n                        <a href=\"https:\/\/wa.me\/5522992612072?text=Ol%C3%A1%21%20Quero%20assinar%20o%20Plano%20Semestral%20do%20Hi%20Mag%20por%20R%24%20149%2C70.%20Como%20fa%C3%A7o%3F\" \r\n                           class=\"btn-plan btn-popular\" target=\"_blank\" rel=\"noopener\">\r\n                            Quero Economizar 40%\r\n                        <\/a>\r\n                        <p class=\"payment-info\">Parcelamos em at\u00e9 6x de R$ 24,95<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Plano Anual -->\r\n                <div class=\"pricing-card\">\r\n                    <div class=\"card-header\">\r\n                        <h3 class=\"plan-name\">Anual<\/h3>\r\n                        <p class=\"plan-description\">M\u00e1xima economia<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-pricing\">\r\n                        <div class=\"price-original\">R$ 479,00<\/div>\r\n                        <div class=\"price-current\">\r\n                            <span class=\"currency\">R$<\/span>\r\n                            <span class=\"amount\">287<\/span>\r\n                            <span class=\"cents\">,40<\/span>\r\n                        <\/div>\r\n                        <div class=\"price-period\">12 meses<\/div>\r\n                        <div class=\"price-monthly\">R$ 23,95\/m\u00eas<\/div>\r\n                        <div class=\"discount-badge\">40% OFF<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-features\">\r\n                        <ul>\r\n                            <li><i class=\"fas fa-check\"><\/i> Materiais personalizados<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Suporte via WhatsApp<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Todos os formatos de redes sociais<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Sem fidelidade<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"card-cta\">\r\n                        <a href=\"https:\/\/wa.me\/5522992612072?text=Ol%C3%A1%21%20Quero%20assinar%20o%20Plano%20Anual%20do%20Hi%20Mag%20por%20R%24%20287%2C40.%20Como%20fa%C3%A7o%3F\" \r\n                           class=\"btn-plan\" target=\"_blank\" rel=\"noopener\">\r\n                            M\u00e1xima Economia\r\n                        <\/a>\r\n                        <p class=\"payment-info\">Parcelamos em at\u00e9 12x de R$ 23,95<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Programa de Indica\u00e7\u00f5es -->\r\n    <section class=\"referral-program\">\r\n        <div class=\"container\">\r\n            <div class=\"referral-card\">\r\n                <div class=\"referral-icon\">\r\n                    <i class=\"fas fa-gift\"><\/i>\r\n                <\/div>\r\n                <div class=\"referral-content\">\r\n                    <h2 class=\"referral-title\">\ud83c\udf81 Programa de Indica\u00e7\u00f5es<\/h2>\r\n                    <p class=\"referral-description\">\r\n                        <strong>A cada 3 indica\u00e7\u00f5es<\/strong> que se tornarem clientes, \r\n                        <span class=\"highlight\">voc\u00ea ganha 1 m\u00eas gratuito<\/span> na plataforma!\r\n                    <\/p>\r\n                    <div class=\"referral-steps\">\r\n                        <div class=\"step\">\r\n                            <div class=\"step-number\">1<\/div>\r\n                            <span>Indique amigas<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-arrow\">\u2192<\/div>\r\n                        <div class=\"step\">\r\n                            <div class=\"step-number\">2<\/div>\r\n                            <span>Elas assinam<\/span>\r\n                        <\/div>\r\n                        <div class=\"step-arrow\">\u2192<\/div>\r\n                        <div class=\"step\">\r\n                            <div class=\"step-number\">3<\/div>\r\n                            <span>Voc\u00ea ganha!<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"referral-note\">\r\n                        <i class=\"fas fa-info-circle\"><\/i>\r\n                        V\u00e1lido para todos os planos. Sem limite de indica\u00e7\u00f5es!\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* Reset e Base *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', Arial, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background-color: #fff;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            background: linear-gradient(135deg, #561089 0%, #ff39c7 100% );\r\n            color: white;\r\n            padding: 80px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            margin-bottom: 20px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.3rem;\r\n            opacity: 0.95;\r\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.3);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        \/* Banner de Lan\u00e7amento *\/\r\n        .launch-banner {\r\n            background: linear-gradient(45deg, #ff6b35, #f7931e);\r\n            border-radius: 15px;\r\n            padding: 20px;\r\n            margin-top: 30px;\r\n            box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);\r\n            animation: pulse 2s infinite;\r\n            border: 3px solid #fff;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0% { transform: scale(1); }\r\n            50% { transform: scale(1.02); }\r\n            100% { transform: scale(1); }\r\n        }\r\n\r\n        .launch-content {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            font-size: 1.4rem;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .launch-content i {\r\n            color: #ffff00;\r\n            animation: flicker 1.5s infinite alternate;\r\n        }\r\n\r\n        @keyframes flicker {\r\n            0% { opacity: 1; }\r\n            100% { opacity: 0.7; }\r\n        }\r\n\r\n        .launch-text {\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .launch-subtitle {\r\n            font-size: 1rem;\r\n            margin-top: 10px;\r\n            opacity: 0.9;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Pricing Section *\/\r\n        .pricing {\r\n            padding: 80px 0;\r\n            background: #f8f9fa;\r\n        }\r\n\r\n        .pricing-grid {\r\n            display: grid;\r\n            \/* Padr\u00e3o para desktop: 3 colunas *\/\r\n            grid-template-columns: repeat(3, 1fr); \r\n            gap: 30px; \/* Reduzido o gap *\/\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .pricing-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 30px 20px; \/* Reduzido o padding *\/\r\n            text-align: center;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .pricing-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .pricing-card.popular {\r\n            border-color: #ff39c7;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .popular-badge {\r\n            position: absolute;\r\n            top: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background: linear-gradient(135deg, #ff39c7, #561089);\r\n            color: white;\r\n            padding: 8px 25px;\r\n            border-radius: 25px;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .card-header {\r\n            margin-bottom: 20px; \/* Reduzido o margin *\/\r\n        }\r\n\r\n        .plan-name {\r\n            font-size: 1.8rem; \/* Reduzido o font-size *\/\r\n            font-weight: 700;\r\n            color: #561089;\r\n            margin-bottom: 8px; \/* Reduzido o margin *\/\r\n        }\r\n\r\n        .plan-description {\r\n            color: #666;\r\n            font-size: 1rem; \/* Reduzido o font-size *\/\r\n        }\r\n\r\n        .card-pricing {\r\n            margin-bottom: 30px; \/* Reduzido o margin *\/\r\n            position: relative;\r\n        }\r\n\r\n        .price-original {\r\n            font-size: 1rem; \/* Reduzido o font-size *\/\r\n            color: #999;\r\n            text-decoration: line-through;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .price-current {\r\n            display: flex;\r\n            align-items: baseline;\r\n            justify-content: center;\r\n            gap: 3px; \/* Reduzido o gap *\/\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .currency {\r\n            font-size: 1.3rem; \/* Reduzido o font-size *\/\r\n            font-weight: 600;\r\n            color: #561089;\r\n        }\r\n\r\n        .amount {\r\n            font-size: 3.5rem; \/* Reduzido o font-size *\/\r\n            font-weight: 800;\r\n            color: #561089;\r\n        }\r\n\r\n        .cents {\r\n            font-size: 1.8rem; \/* Reduzido o font-size *\/\r\n            font-weight: 600;\r\n            color: #561089;\r\n        }\r\n\r\n        .price-period {\r\n            font-size: 1rem;\r\n            color: #666;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .price-monthly {\r\n            font-size: 0.9rem; \/* Reduzido o font-size *\/\r\n            color: #25d366;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .discount-badge {\r\n            position: absolute;\r\n            top: -10px;\r\n            right: -10px;\r\n            background: #ff6b35;\r\n            color: white;\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem; \/* Reduzido o font-size *\/\r\n            font-weight: 700;\r\n            transform: rotate(15deg);\r\n        }\r\n\r\n        .card-features {\r\n            margin-bottom: 30px; \/* Reduzido o margin *\/\r\n        }\r\n\r\n        .card-features ul {\r\n            list-style: none;\r\n            text-align: left;\r\n        }\r\n\r\n        .card-features li {\r\n            padding: 10px 0; \/* Reduzido o padding *\/\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px; \/* Reduzido o gap *\/\r\n            font-size: 0.95rem; \/* Reduzido o font-size *\/\r\n            border-bottom: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .card-features li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .card-features i {\r\n            color: #25d366;\r\n            font-size: 1.1rem; \/* Reduzido o font-size *\/\r\n            width: 18px; \/* Ajustado a largura *\/\r\n        }\r\n\r\n        .btn-plan {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, #25d366 0%, #20ba5a 100%);\r\n            color: white;\r\n            padding: 15px 30px; \/* Reduzido o padding *\/\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            font-size: 1rem; \/* Reduzido o font-size *\/\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 20px rgba(37, 211, 102, 0.3);\r\n        }\r\n\r\n        .btn-plan:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);\r\n            color: white;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .btn-popular {\r\n            background: linear-gradient(135deg, #ff39c7 0%, #561089 100%);\r\n            box-shadow: 0 5px 20px rgba(255, 57, 199, 0.3);\r\n        }\r\n\r\n        .btn-popular:hover {\r\n            box-shadow: 0 8px 25px rgba(255, 57, 199, 0.4);\r\n        }\r\n\r\n        .payment-info {\r\n            margin-top: 10px; \/* Reduzido o margin *\/\r\n            font-size: 0.85rem;\r\n            color: #666;\r\n        }\r\n\r\n        \/* Programa de Indica\u00e7\u00f5es *\/\r\n        .referral-program {\r\n            padding: 60px 0;\r\n            background: rgba(255, 255, 255, 0.95);\r\n        }\r\n\r\n        .referral-card {\r\n            background: linear-gradient(135deg, #ff39c7 0%, #561089 100%);\r\n            border-radius: 25px;\r\n            padding: 50px;\r\n            color: white;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 40px rgba(255, 57, 199, 0.3);\r\n        }\r\n\r\n        .referral-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1 )\"\/><\/svg>') repeat;\r\n            animation: float 20s infinite linear;\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes float {\r\n            0% { transform: translateX(-50%) translateY(-50%) rotate(0deg); }\r\n            100% { transform: translateX(-50%) translateY(-50%) rotate(360deg); }\r\n        }\r\n\r\n        .referral-icon {\r\n            font-size: 4rem;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .referral-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .referral-description {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .highlight {\r\n            background: rgba(255, 255, 255, 0.2);\r\n            padding: 2px 8px;\r\n            border-radius: 5px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .referral-steps {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .step {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .step-number {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border: 3px solid white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .step span {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .step-arrow {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .referral-note {\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .referral-note i {\r\n            margin-right: 8px;\r\n        }\r\n\r\n        \/* Responsividade *\/\r\n        \/* Para telas de at\u00e9 1024px (tablets) *\/\r\n        @media (max-width: 1024px) {\r\n            .pricing-grid {\r\n                grid-template-columns: repeat(2, 1fr); \/* 2 colunas *\/\r\n                gap: 25px; \/* Ajuste o gap *\/\r\n            }\r\n            .pricing-card.popular {\r\n                transform: none; \/* Remove o transform extra para o popular *\/\r\n            }\r\n        }\r\n\r\n        \/* Para telas de at\u00e9 768px (celulares maiores e tablets menores) *\/\r\n        @media (max-width: 768px) {\r\n            .hero-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            .hero-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n            .launch-content {\r\n                font-size: 1.1rem;\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n            .launch-banner {\r\n                padding: 15px;\r\n            }\r\n            .pricing-grid {\r\n                grid-template-columns: 1fr; \/* 1 coluna *\/\r\n                gap: 20px; \/* Ajuste o gap *\/\r\n            }\r\n            .pricing-card {\r\n                padding: 25px 15px; \/* Ajuste o padding *\/\r\n            }\r\n            .amount {\r\n                font-size: 3rem; \/* Ajuste o font-size *\/\r\n            }\r\n            .referral-steps {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n            .step-arrow {\r\n                transform: rotate(90deg);\r\n            }\r\n            .referral-card {\r\n                padding: 30px 20px;\r\n            }\r\n            .referral-title {\r\n                font-size: 2rem;\r\n            }\r\n            .referral-description {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        \/* Para telas de at\u00e9 480px (celulares) *\/\r\n        @media (max-width: 480px) {\r\n            .hero {\r\n                padding: 60px 0;\r\n            }\r\n            .hero-title {\r\n                font-size: 2rem;\r\n            }\r\n            .pricing {\r\n                padding: 60px 0;\r\n            }\r\n            .pricing-card {\r\n                padding: 20px 10px; \/* Ajuste o padding para telas muito pequenas *\/\r\n            }\r\n            .btn-plan {\r\n                padding: 12px 25px;\r\n                font-size: 0.9rem;\r\n            }\r\n            .plan-name {\r\n                font-size: 1.5rem;\r\n            }\r\n            .amount {\r\n                font-size: 2.8rem;\r\n            }\r\n            .cents {\r\n                font-size: 1.3rem;\r\n            }\r\n            .card-features li {\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0814607 e-con-full e-flex e-con e-child\" data-id=\"0814607\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-536a078 elementor-widget elementor-widget-html\" data-id=\"536a078\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Como Come\u00e7ar no Hi Mag - Guia Completo<\/title>\r\n    <meta name=\"description\" content=\"Descubra como come\u00e7ar no Hi Mag em 4 passos simples. Transforme sua comunica\u00e7\u00e3o digital e aumente suas vendas como consultora Mary Kay.\">\r\n    \r\n    <!-- Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n    <!-- Onboarding Section -->\r\n    <section class=\"onboarding-section\">\r\n        <div class=\"container\">\r\n            <!-- Header -->\r\n            <div class=\"onboarding-header\">\r\n                <h1 class=\"onboarding-title\">Bem-vinda ao Hi Mag: Seu Guia Completo para o Sucesso Digital!<\/h1>\r\n                <p class=\"onboarding-subtitle\">Descubra como \u00e9 f\u00e1cil transformar sua comunica\u00e7\u00e3o e impulsionar suas vendas com nossos materiais personalizados para consultoras Mary Kay. Siga este simples passo a passo e crie posts estrat\u00e9gicos que convertem!<\/p>\r\n            <\/div>\r\n\r\n            <!-- Steps Grid -->\r\n            <div class=\"steps-grid\">\r\n                <!-- Passo 1 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">1<\/div>\r\n                    <div class=\"step-icon\">\r\n                        <i class=\"fab fa-whatsapp\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"step-title\">Entre em Contato<\/h3>\r\n                    <p class=\"step-description\">Entre em contato pelo WhatsApp, envie sua foto e escolha seu plano. Em at\u00e9 24 horas voc\u00ea recebe acesso \u00e0 plataforma com seus materiais personalizados.<\/p>\r\n                    <div class=\"step-highlight\">\r\n                        <i class=\"fas fa-clock\"><\/i>\r\n                        <span>Acesso em 24h<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Passo 2 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">2<\/div>\r\n                    <div class=\"step-icon\">\r\n                        <i class=\"fas fa-camera\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"step-title\">Envie sua Foto<\/h3>\r\n                    <p class=\"step-description\">Envie uma foto n\u00edtida, com boa ilumina\u00e7\u00e3o, de prefer\u00eancia sorrindo. Pode ser selfie ou foto profissional. Evite fotos muito escuras ou desfocadas.<\/p>\r\n                    <div class=\"step-highlight\">\r\n                        <i class=\"fas fa-magic\"><\/i>\r\n                        <span>Personaliza\u00e7\u00e3o autom\u00e1tica<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Passo 3 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">3<\/div>\r\n                    <div class=\"step-icon\">\r\n                        <i class=\"fas fa-user-check\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"step-title\">Cadastro Pronto<\/h3>\r\n                    <p class=\"step-description\">Ap\u00f3s enviar sua foto e dados, seu cadastro fica pronto em at\u00e9 24 horas. Depois disso, a cada salvamento, o material j\u00e1 vem personalizado automaticamente.<\/p>\r\n                    <div class=\"step-highlight\">\r\n                        <i class=\"fas fa-bolt\"><\/i>\r\n                        <span>Instant\u00e2neo ap\u00f3s cadastro<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Passo 4 -->\r\n                <div class=\"step-card\">\r\n                    <div class=\"step-number\">4<\/div>\r\n                    <div class=\"step-icon\">\r\n                        <i class=\"fas fa-download\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"step-title\">Baixe e Use<\/h3>\r\n                    <p class=\"step-description\">Acesse a plataforma, escolha o material, clique em \"Baixar\" e salve no seu celular. Depois \u00e9 s\u00f3 postar nas suas redes sociais.<\/p>\r\n                    <div class=\"step-highlight\">\r\n                        <i class=\"fas fa-rocket\"><\/i>\r\n                        <span>Pronto para postar<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CTA Section -->\r\n            <div class=\"cta-section\">\r\n                <div class=\"cta-content\">\r\n                    <h2 class=\"cta-title\">Pronta para Transformar suas Vendas?<\/h2>\r\n                    <p class=\"cta-subtitle\">Tenha materiais personalizados profissionais todos os dias<\/p>\r\n                    <a href=\"https:\/\/wa.me\/5522992612072?text=Ol%C3%A1%21%20Quero%20come%C3%A7ar%20minha%20transforma%C3%A7%C3%A3o%20digital%20com%20o%20Hi%20Mag%21%20Como%20fa%C3%A7o%20para%20ter%20acesso%20aos%20materiais%3F\" \r\n                       class=\"btn-cta\" target=\"_blank\" rel=\"noopener\">\r\n                        <i class=\"fas fa-rocket\"><\/i>\r\n                        Comece Sua Transforma\u00e7\u00e3o Digital Agora\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* Reset e Base *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', Arial, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background-color: #f8f9fa;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Onboarding Section *\/\r\n        .onboarding-section {\r\n            padding: 80px 0;\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n        }\r\n\r\n        \/* Header *\/\r\n        .onboarding-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .onboarding-title {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            color: #561089;\r\n            margin-bottom: 25px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .onboarding-subtitle {\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Steps Grid *\/\r\n        .steps-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 40px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .step-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            border: 2px solid transparent;\r\n            text-align: center;\r\n        }\r\n\r\n        .step-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n            border-color: #ff39c7;\r\n        }\r\n\r\n        .step-number {\r\n            position: absolute;\r\n            top: -20px;\r\n            left: 30px;\r\n            background: linear-gradient(135deg, #561089 0%, #ff39c7 100%);\r\n            color: white;\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n            box-shadow: 0 5px 15px rgba(86, 16, 137, 0.3);\r\n        }\r\n\r\n        .step-icon {\r\n            background: linear-gradient(135deg, #ff39c7 0%, #561089 100%);\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 25px;\r\n            box-shadow: 0 10px 25px rgba(255, 57, 199, 0.3);\r\n        }\r\n\r\n        .step-icon i {\r\n            font-size: 2rem;\r\n            color: white;\r\n        }\r\n\r\n        .step-title {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: #561089;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .step-description {\r\n            color: #666;\r\n            line-height: 1.7;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .step-highlight {\r\n            background: linear-gradient(135deg, rgba(37, 211, 102, 0.1) 0%, rgba(37, 211, 102, 0.05) 100%);\r\n            padding: 12px 20px;\r\n            border-radius: 25px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #25d366;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .step-highlight i {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .cta-section {\r\n            background: linear-gradient(135deg, #561089 0%, #ff39c7 100%);\r\n            border-radius: 25px;\r\n            padding: 60px 40px;\r\n            text-align: center;\r\n            color: white;\r\n            box-shadow: 0 20px 40px rgba(86, 16, 137, 0.3);\r\n        }\r\n\r\n        .cta-content {\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cta-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .cta-subtitle {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 40px;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        .btn-cta {\r\n            display: inline-block;\r\n            background: #25d366;\r\n            color: white !important;\r\n            padding: 20px 40px;\r\n            border-radius: 50px;\r\n            text-decoration: none !important;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .btn-cta:hover {\r\n            background: #20ba5a;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 35px rgba(37, 211, 102, 0.4);\r\n        }\r\n\r\n        .btn-cta i {\r\n            margin-right: 12px;\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        .cta-guarantee {\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        \/* Responsividade *\/\r\n        @media (max-width: 1024px) {\r\n            .steps-grid {\r\n                gap: 30px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .onboarding-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .onboarding-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .steps-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n\r\n            .step-card {\r\n                padding: 30px 25px;\r\n            }\r\n\r\n            .cta-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .btn-cta {\r\n                padding: 18px 35px;\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .container {\r\n                padding: 0 15px;\r\n            }\r\n\r\n            .onboarding-section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .onboarding-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .step-card {\r\n                padding: 25px 20px;\r\n            }\r\n\r\n            .step-title {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .cta-section {\r\n                padding: 40px 25px;\r\n            }\r\n\r\n            .cta-title {\r\n                font-size: 1.7rem;\r\n            }\r\n\r\n            .btn-cta {\r\n                padding: 15px 30px;\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Anima\u00e7\u00f5es *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .step-card {\r\n            animation: fadeInUp 0.6s ease forwards;\r\n        }\r\n\r\n        .step-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .step-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .step-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .step-card:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n        \/* Acessibilidade *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            * {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6a0d29 e-flex e-con-boxed e-con e-parent\" data-id=\"e6a0d29\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0a6442d e-con-full e-flex e-con e-child\" data-id=\"0a6442d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e221f3e elementor-widget elementor-widget-html\" data-id=\"e221f3e\" 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<div class=\"hi-mag-carousel\">\r\n  <h2 class=\"carousel-title\">\r\n    <span class=\"titulo-desktop\">N\u00e3o basta postar, tem que se destacar<\/span>\r\n    <span class=\"titulo-mobile\">\r\n      <span class=\"linha1\">N\u00e3o basta postar,<\/span><br>\r\n      <span class=\"linha2\">tem que se destacar<\/span>\r\n    <\/span>\r\n  <\/h2>\r\n\r\n  <p class=\"carousel-subtitle\">\r\n    Postagens personalizadas com sua foto e sua marca, feitas pra conectar voc\u00ea com quem j\u00e1 confia no seu cuidado.\r\n  <\/p>\r\n\r\n  <div class=\"carousel-container\">\r\n    <div class=\"carousel-track\">\r\n      <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/07\/Em-Tres-Passos-EXFOLIA-LIMPIA.png\" alt=\"Post 1\"><\/div>\r\n      <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/07\/Renda-Hi-Mag.png\" alt=\"Post 2\"><\/div>\r\n      <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/07\/Bom-dia-Hi-Mag.png\" alt=\"Post 3\"><\/div>\r\n      <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/07\/MARY-KAY-diversos-hm-hi-mag.png\" alt=\"Post 4\"><\/div>\r\n      <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/07\/Hi-Mag-Sonhos-1.png\" alt=\"Post 5\"><\/div>\r\n      <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/himag.com.br\/wp-content\/uploads\/2025\/07\/Futuro-hi-mag-hm.png\" alt=\"Post 6\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .hi-mag-carousel {\r\n    font-family: 'Livic', sans-serif;\r\n    background: linear-gradient(to right, #fffaff, #fdf7fc);\r\n    padding: 40px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    text-align: center;\r\n  }\r\n\r\n  .carousel-title .titulo-desktop {\r\n    background-color: #fd38c6;\r\n    color: white;\r\n    padding: 6px 14px;\r\n    border-radius: 8px;\r\n    font-size: 1.8rem;\r\n    display: inline-block;\r\n  }\r\n\r\n  .carousel-title .titulo-mobile {\r\n    display: none;\r\n  }\r\n\r\n  .carousel-subtitle {\r\n    font-size: 1rem;\r\n    color: #561089;\r\n    max-width: 500px;\r\n    margin: 16px auto 32px;\r\n    line-height: 1.4;\r\n    padding: 0 12px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .carousel-title .titulo-desktop {\r\n      display: none;\r\n    }\r\n\r\n    .carousel-title .titulo-mobile {\r\n      display: inline-block;\r\n      background-color: #fd38c6;\r\n      color: white;\r\n      padding: 6px 14px;\r\n      border-radius: 8px;\r\n      font-size: 1.5rem;\r\n      line-height: 1.3;\r\n    }\r\n  }\r\n\r\n  .carousel-container {\r\n    overflow-x: scroll;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .carousel-track {\r\n    display: flex;\r\n    gap: 24px;\r\n    padding: 20px;\r\n    width: max-content;\r\n  }\r\n\r\n  .carousel-item {\r\n    flex: 0 0 auto;\r\n    scroll-snap-align: center;\r\n    transition: transform 0.5s ease;\r\n    min-width: 280px;\r\n    max-width: 320px;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .carousel-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .carousel-item.active {\r\n    transform: scale(1.1);\r\n    z-index: 2;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  const items = document.querySelectorAll('.carousel-item');\r\n  const container = document.querySelector('.carousel-container');\r\n  const track = document.querySelector('.carousel-track');\r\n\r\n  function activateCenterItem() {\r\n    const containerCenter = container.scrollLeft + container.offsetWidth \/ 2;\r\n    let closestItem = null;\r\n    let closestDistance = Infinity;\r\n\r\n    items.forEach(item => {\r\n      const itemCenter = item.offsetLeft + item.offsetWidth \/ 2;\r\n      const distance = Math.abs(containerCenter - itemCenter);\r\n      if (distance < closestDistance) {\r\n        closestDistance = distance;\r\n        closestItem = item;\r\n      }\r\n    });\r\n\r\n    items.forEach(item => item.classList.remove('active'));\r\n    if (closestItem) closestItem.classList.add('active');\r\n  }\r\n\r\n  container.addEventListener('scroll', () => {\r\n    window.requestAnimationFrame(activateCenterItem);\r\n  });\r\n\r\n  activateCenterItem();\r\n\r\n  \/\/ Scroll autom\u00e1tico (mais r\u00e1pido)\r\n  let scrollAmount = 0;\r\n  setInterval(() => {\r\n    scrollAmount += 2.5; \/\/ velocidade ajustada\r\n    container.scrollLeft = scrollAmount;\r\n    if (scrollAmount >= track.scrollWidth - container.offsetWidth) {\r\n      scrollAmount = 0;\r\n    }\r\n    activateCenterItem();\r\n  }, 30); \/\/ intervalo menor = mais velocidade\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a16b937 elementor-widget elementor-widget-html\" data-id=\"a16b937\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>FAQ - Perguntas Frequentes | Hi Mag<\/title>\r\n    <meta name=\"description\" content=\"Tire suas d\u00favidas sobre o Hi Mag. Perguntas frequentes sobre planos, materiais personalizados, suporte e como come\u00e7ar a usar nossa plataforma.\">\r\n    \r\n    <!-- Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n    <!-- Header -->\r\n    <header class=\"header\">\r\n        <div class=\"container\">\r\n            <h1 class=\"page-title\">Perguntas Frequentes<\/h1>\r\n            <p class=\"page-subtitle\">Tire suas d\u00favidas sobre o Hi Mag<\/p>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- FAQ Section -->\r\n    <main class=\"faq-container\">\r\n        <div class=\"container\">\r\n            \r\n            <!-- Como Come\u00e7ar -->\r\n            <div class=\"faq-category\">\r\n                <h2 class=\"category-title\">\r\n                    <i class=\"fas fa-rocket\"><\/i>\r\n                    Como Come\u00e7ar\r\n                <\/h2>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Como fa\u00e7o para ter acesso aos materiais?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Entre em contato pelo WhatsApp, envie sua foto e escolha seu plano. Em at\u00e9 24 horas voc\u00ea recebe acesso \u00e0 plataforma com seus materiais personalizados.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Preciso enviar minha foto? Como deve ser?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Sim! Envie uma foto n\u00edtida, com boa ilumina\u00e7\u00e3o, de prefer\u00eancia sorrindo. Pode ser selfie ou foto profissional. Evite fotos muito escuras ou desfocadas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Quanto tempo leva para cadastrar na plataforma?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Ap\u00f3s enviar sua foto e dados, seu cadastro fica pronto em at\u00e9 24 horas. Depois disso, a cada salvamento, o material j\u00e1 vem personalizado automaticamente.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Sobre os Materiais -->\r\n            <div class=\"faq-category\">\r\n                <h2 class=\"category-title\">\r\n                    <i class=\"fas fa-images\"><\/i>\r\n                    Sobre os Materiais\r\n                <\/h2>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Como funciona a atualiza\u00e7\u00e3o dos materiais?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>O site \u00e9 sistematicamente atualizado conforme as campanhas mensais da Mary Kay. Cada m\u00eas tem campanhas espec\u00edficas: Dia das M\u00e3es, Namorados, S\u00e3o Jo\u00e3o, Natal, etc. \u00c9 um site din\u00e2mico que acompanha os lan\u00e7amentos e promo\u00e7\u00f5es.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Posso personalizar as cores e textos?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Os materiais j\u00e1 v\u00eam com sua foto e nome automaticamente. As cores e textos s\u00e3o estrategicamente escolhidos para maximizar vendas, seguindo as diretrizes da Mary Kay.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Em que formatos os materiais s\u00e3o entregues?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>PNG e JPG para posts, MP4 para v\u00eddeos. Todos nos tamanhos corretos para cada rede social: Instagram Feed, Stories, Facebook, WhatsApp Status.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Como baixar e usar os materiais?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Acesse a plataforma, escolha o material, clique em \"Baixar\" e salve no seu celular. Depois \u00e9 s\u00f3 postar nas suas redes sociais.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Planos e Pagamento -->\r\n            <div class=\"faq-category\">\r\n                <h2 class=\"category-title\">\r\n                    <i class=\"fas fa-credit-card\"><\/i>\r\n                    Planos e Pagamento\r\n                <\/h2>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Qual a diferen\u00e7a entre os planos?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Todos os planos t\u00eam acesso aos mesmos materiais. A diferen\u00e7a est\u00e1 no per\u00edodo de compromisso e desconto: mensal (sem desconto), semestral (economia + garantia) e anual (m\u00e1xima economia + garantia).<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Posso cancelar quando quiser?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Sim! O plano mensal pode ser cancelado a qualquer momento. Os planos semestral e anual t\u00eam garantia de 7 dias para reembolso total.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Como funciona a garantia de 7 dias?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Nos planos semestral e anual, voc\u00ea tem 7 dias para testar. Se n\u00e3o ficar satisfeita, devolvemos 100% do valor pago, sem perguntas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Quais formas de pagamento aceitas?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>PIX, cart\u00e3o de cr\u00e9dito e d\u00e9bito. O pagamento \u00e9 processado de forma segura.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Suporte e D\u00favidas -->\r\n            <div class=\"faq-category\">\r\n                <h2 class=\"category-title\">\r\n                    <i class=\"fas fa-headset\"><\/i>\r\n                    Suporte e D\u00favidas\r\n                <\/h2>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Como entro em contato se tiver problemas?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Pelo WhatsApp (21) 99261-2072. Respondemos de segunda a sexta, das 9h \u00e0s 17h.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>E se eu quiser trocar minha foto?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Pode trocar quando quiser! \u00c9 s\u00f3 enviar a nova foto pelo WhatsApp que atualizamos em at\u00e9 24 horas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Os materiais seguem as regras da Mary Kay?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Sim! Todos os materiais s\u00e3o criados seguindo as diretrizes oficiais da Mary Kay Brasil.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Quest\u00f5es T\u00e9cnicas -->\r\n            <div class=\"faq-category\">\r\n                <h2 class=\"category-title\">\r\n                    <i class=\"fas fa-cog\"><\/i>\r\n                    Quest\u00f5es T\u00e9cnicas\r\n                <\/h2>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Funciona no meu celular?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Sim! A plataforma funciona em qualquer celular, tablet ou computador com internet.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Preciso de aplicativo especial?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>N\u00e3o! Tudo funciona pelo navegador do seu celular. \u00c9 s\u00f3 acessar o site e fazer login.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>E se eu n\u00e3o souber usar?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Enviamos um v\u00eddeo tutorial mostrando como acessar, baixar e postar os materiais. \u00c9 muito f\u00e1cil!<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Resultados -->\r\n            <div class=\"faq-category\">\r\n                <h2 class=\"category-title\">\r\n                    <i class=\"fas fa-chart-line\"><\/i>\r\n                    Resultados\r\n                <\/h2>\r\n                \r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Vou vender mais usando esses materiais?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Nossos materiais s\u00e3o estrategicamente criados para facilitar a decis\u00e3o de compra. Consultoras relatam aumento de 40% nas vendas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Posso usar em todas as redes sociais?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Sim! Temos materiais espec\u00edficos para Instagram (feed e stories), Facebook, WhatsApp Status e outras redes.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"faq-item\">\r\n                    <div class=\"faq-question\">\r\n                        <span>Quanto tempo vou economizar?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-arrow\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Em m\u00e9dia, nossas consultoras economizam 5 horas por semana que gastavam criando posts, podendo focar em atender clientes e vender.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"cta-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"cta-title\">Ainda tem d\u00favidas?<\/h2>\r\n            <p class=\"cta-text\">Entre em contato conosco pelo WhatsApp<\/p>\r\n            <a href=\"https:\/\/wa.me\/5522992612072?text=Ol%C3%A1%21%20Tenho%20algumas%20d%C3%BAvidas%20sobre%20o%20Hi%20Mag.%20Podem%20me%20ajudar%3F\" \r\n               target=\"_blank\" \r\n               rel=\"noopener\"\r\n               class=\"cta-btn\">\r\n                <i class=\"fab fa-whatsapp\"><\/i>\r\n                Falar com Especialista\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* Reset e Base *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', Arial, sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            background-color: #f8f9fa;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Header *\/\r\n        .header {\r\n            background: linear-gradient(135deg, #561089 0%, #ff39c7 100%);\r\n            color: white;\r\n            padding: 80px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .page-title {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .page-subtitle {\r\n            font-size: 1.2rem;\r\n            opacity: 0.9;\r\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        \/* FAQ Container *\/\r\n        .faq-container {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        \/* FAQ Category *\/\r\n        .faq-category {\r\n            margin-bottom: 50px;\r\n            background: rgba(255, 255, 255, 0.8);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .category-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            font-size: 1.8rem;\r\n            color: #561089;\r\n            margin-bottom: 30px;\r\n            font-weight: 700;\r\n            padding-bottom: 15px;\r\n            border-bottom: 3px solid #ff39c7;\r\n        }\r\n\r\n        .category-title i {\r\n            color: #ff39c7;\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        \/* FAQ Item *\/\r\n        .faq-item {\r\n            margin-bottom: 15px;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            background: white;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-item:hover {\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        \/* FAQ Question *\/\r\n        .faq-question {\r\n            padding: 25px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            background: linear-gradient(135deg, rgba(86, 16, 137, 0.05) 0%, rgba(255, 57, 199, 0.05) 100%);\r\n            transition: all 0.3s ease;\r\n            border-left: 4px solid transparent;\r\n        }\r\n\r\n        .faq-question:hover {\r\n            background: linear-gradient(135deg, rgba(86, 16, 137, 0.1) 0%, rgba(255, 57, 199, 0.1) 100%);\r\n            border-left-color: #ff39c7;\r\n        }\r\n\r\n        .faq-question span {\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            color: #561089;\r\n            flex: 1;\r\n            margin-right: 20px;\r\n        }\r\n\r\n        .faq-arrow {\r\n            color: #ff39c7;\r\n            font-size: 1.2rem;\r\n            transition: transform 0.3s ease;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .faq-item.active .faq-arrow {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-item.active .faq-question {\r\n            background: linear-gradient(135deg, rgba(86, 16, 137, 0.1) 0%, rgba(255, 57, 199, 0.1) 100%);\r\n            border-left-color: #25d366;\r\n        }\r\n\r\n        \/* FAQ Answer *\/\r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.4s ease;\r\n            background: rgba(255, 255, 255, 0.98);\r\n        }\r\n\r\n        .faq-answer.active {\r\n            max-height: 300px;\r\n            padding: 25px;\r\n            border-top: 1px solid rgba(86, 16, 137, 0.1);\r\n        }\r\n\r\n        .faq-answer p {\r\n            color: #666;\r\n            line-height: 1.7;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .cta-section {\r\n            background: linear-gradient(135deg, #ff39c7 0%, #561089 100%);\r\n            color: white;\r\n            padding: 80px 0;\r\n            text-align: center;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .cta-title {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 20px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .cta-text {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 40px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .cta-btn {\r\n            display: inline-block;\r\n            background: #25d366;\r\n            color: white !important;\r\n            padding: 20px 40px;\r\n            border-radius: 50px;\r\n            text-decoration: none !important;\r\n            font-weight: 600;\r\n            font-size: 1.2rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 20px rgba(37, 211, 102, 0.3);\r\n        }\r\n\r\n        .cta-btn:hover {\r\n            background: #20ba5a;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);\r\n        }\r\n\r\n        .cta-btn i {\r\n            margin-right: 10px;\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        \/* Responsividade *\/\r\n        @media (max-width: 768px) {\r\n            .page-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .page-subtitle {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .faq-container {\r\n                padding: 40px 0;\r\n            }\r\n\r\n            .faq-category {\r\n                padding: 25px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .category-title {\r\n                font-size: 1.4rem;\r\n                gap: 10px;\r\n            }\r\n\r\n            .faq-question {\r\n                padding: 20px;\r\n            }\r\n\r\n            .faq-question span {\r\n                font-size: 1rem;\r\n                margin-right: 15px;\r\n            }\r\n\r\n            .faq-answer.active {\r\n                padding: 20px;\r\n            }\r\n\r\n            .cta-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .cta-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .cta-btn {\r\n                padding: 15px 30px;\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .container {\r\n                padding: 0 15px;\r\n            }\r\n\r\n            .header {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .page-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .faq-category {\r\n                padding: 20px;\r\n            }\r\n\r\n            .category-title {\r\n                font-size: 1.2rem;\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 8px;\r\n            }\r\n\r\n            .faq-question {\r\n                padding: 15px;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 10px;\r\n            }\r\n\r\n            .faq-question span {\r\n                margin-right: 0;\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .faq-arrow {\r\n                align-self: flex-end;\r\n            }\r\n\r\n            .faq-answer.active {\r\n                padding: 15px;\r\n            }\r\n\r\n            .cta-section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .cta-title {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .cta-btn {\r\n                padding: 12px 25px;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n\r\n        \/* Anima\u00e7\u00f5es *\/\r\n        @media (prefers-reduced-motion: no-preference) {\r\n            .faq-item {\r\n                animation: fadeInUp 0.6s ease forwards;\r\n            }\r\n\r\n            .faq-item:nth-child(2) { animation-delay: 0.1s; }\r\n            .faq-item:nth-child(3) { animation-delay: 0.2s; }\r\n            .faq-item:nth-child(4) { animation-delay: 0.3s; }\r\n            .faq-item:nth-child(5) { animation-delay: 0.4s; }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        \/\/ FAQ Accordion Functionality\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const faqItems = document.querySelectorAll('.faq-item');\r\n            \r\n            faqItems.forEach(item => {\r\n                const question = item.querySelector('.faq-question');\r\n                const answer = item.querySelector('.faq-answer');\r\n                \r\n                question.addEventListener('click', function() {\r\n                    const isActive = item.classList.contains('active');\r\n                    \r\n                    \/\/ Fecha todos os outros itens\r\n                    faqItems.forEach(otherItem => {\r\n                        if (otherItem !== item) {\r\n                            otherItem.classList.remove('active');\r\n                            const otherAnswer = otherItem.querySelector('.faq-answer');\r\n                            if (otherAnswer) {\r\n                                otherAnswer.classList.remove('active');\r\n                            }\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle do item atual\r\n                    if (isActive) {\r\n                        item.classList.remove('active');\r\n                        answer.classList.remove('active');\r\n                    } else {\r\n                        item.classList.add('active');\r\n                        answer.classList.add('active');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth scroll para links internos\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A divulga\u00e7\u00e3o certa para voc\u00ea, consultora Mary Kay, vender mais \u2014 todos os dias. Materiais prontos, personalizados com sua foto + nome, para fortalecer sua presen\u00e7a digital e criar conex\u00e3o real. \ud83d\udc8e Templates atualizados \u2014 poste em minutos, sem bloqueio criativo. \ud83d\udc8e V\u00eddeos \u2014 engajamento imediato nos stories. \ud83d\udc8e Carross\u00e9is impactantes \u2014 educam, inspiram e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/himag.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/himag.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/himag.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/himag.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/himag.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":963,"href":"https:\/\/himag.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/himag.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/himag.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}