{"id":13,"date":"2025-12-15T12:45:08","date_gmt":"2025-12-15T15:45:08","guid":{"rendered":"https:\/\/lapisdermatografico.com.br\/?page_id=13"},"modified":"2025-12-26T12:36:27","modified_gmt":"2025-12-26T15:36:27","slug":"13-2","status":"publish","type":"page","link":"https:\/\/lapisdermatografico.com.br\/","title":{"rendered":""},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"pt-BR\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>L\u00e1pis Dermatogr\u00e1fico &#8211; ART Camargo<\/title>\n    <link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&#038;display=swap\"\n      rel=\"stylesheet\"\n    \/>\n    <style>\n\n\/* CSS gerado a partir dos estilos do formul\u00e1rio *\/\n\n\/* Formul\u00e1rio principal *\/\n.wpcf7-form {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14.592px;\n  color: rgb(51, 65, 85);\n  background-color: rgba(0, 0, 0, 0);\n  padding: 0px;\n  margin: 0px;\n  border: 0px none rgb(51, 65, 85);\n  border-radius: 0px;\n  width: 503.333px;\n  display: block;\n}\n\n\/* Fieldset de campos ocultos *\/\n.hidden-fields-container {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14.592px;\n  color: rgb(51, 65, 85);\n  background-color: rgba(0, 0, 0, 0);\n  padding: 30px;\n  margin: 0;\n  border: 0.666667px solid rgb(209, 213, 219);\n  border-radius: 4px;\n  width: auto;\n  height: auto;\n  position: static;\n}\n\n\/* Inputs do fieldset oculto *\/\n.hidden-fields-container input[type=\"hidden\"] {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 14.592px;\n  color: rgb(128, 130, 133);\n  background-color: rgba(0, 0, 0, 0);\n  padding: 10.944px;\n  margin: 0;\n  border: 0px none rgb(128, 130, 133);\n  width: 100%;\n  height: auto;\n  position: static;\n  display: none;\n}\n\n\/* Par\u00e1grafos do formul\u00e1rio *\/\n.wpcf7-form p {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14px;\n  color: rgb(51, 65, 85);\n  background-color: rgba(0, 0, 0, 0);\n  margin: 0 0 16.8px;\n  border: 0px none rgb(51, 65, 85);\n  width: 100%;\n  max-width: 503.333px;\n  height: auto;\n  min-height: 86.1875px;\n  display: block;\n  position: static;\n}\n\n\/* Labels do formul\u00e1rio *\/\n.wpcf7-form label {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14px;\n  color: rgb(17, 24, 39);\n  background-color: rgba(0, 0, 0, 0);\n  margin: 0 0 8px;\n  border: 0px none rgb(17, 24, 39);\n  width: auto;\n  height: auto;\n  display: block;\n  position: static;\n  font-weight: 500;\n}\n\n\/* Spans dos campos *\/\n.wpcf7-form-control-wrap {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14px;\n  color: rgb(17, 24, 39);\n  background-color: rgba(0, 0, 0, 0);\n  margin: 8px 0;\n  border: 0px none rgb(17, 24, 39);\n  width: 100%;\n  max-width: 503.333px;\n  height: auto;\n  display: block;\n  position: relative;\n}\n\n\/* Input de texto *\/\n.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  color: rgb(71, 85, 105);\n  background-color: rgb(255, 255, 255);\n  padding: 12px 16px;\n  margin: 0;\n  border: 0.666667px solid rgb(209, 213, 219);\n  border-radius: 4px;\n  width: 100%;\n  max-width: 503.333px;\n  height: 40px;\n  display: inline-block;\n  position: static;\n  box-sizing: border-box;\n  transition: border-color 0.3s ease;\n}\n\n\/* Input de email *\/\n.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  color: rgb(71, 85, 105);\n  background-color: rgb(255, 255, 255);\n  padding: 12px 16px;\n  margin: 0;\n  border: 0.666667px solid rgb(209, 213, 219);\n  border-radius: 4px;\n  width: 100%;\n  max-width: 503.333px;\n  height: 40px;\n  display: inline-block;\n  position: static;\n  box-sizing: border-box;\n  transition: border-color 0.3s ease;\n}\n\n\/* Textarea *\/\n.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  color: rgb(71, 85, 105);\n  background-color: rgb(255, 255, 255);\n  padding: 12px 16px;\n  margin: 0;\n  border: 0.666667px solid rgb(209, 213, 219);\n  border-radius: 4px;\n  width: 100%;\n  max-width: 503.333px;\n  height: 97.3333px;\n  min-height: 97.3333px;\n  display: inline-block;\n  position: static;\n  box-sizing: border-box;\n  resize: vertical;\n  transition: border-color 0.3s ease;\n}\n\n\/* Placeholder *\/\n.wpcf7-form-control::placeholder {\n  color: rgb(128, 130, 133);\n  opacity: 1;\n}\n\n.wpcf7-form-control::-webkit-input-placeholder {\n  color: rgb(128, 130, 133);\n}\n\n.wpcf7-form-control::-moz-placeholder {\n  color: rgb(128, 130, 133);\n  opacity: 1;\n}\n\n.wpcf7-form-control:-ms-input-placeholder {\n  color: rgb(128, 130, 133);\n}\n\n.wpcf7-form-control:-moz-placeholder {\n  color: rgb(128, 130, 133);\n  opacity: 1;\n}\n\n\/* Bot\u00e3o de enviar *\/\n.wpcf7-form-control.wpcf7-submit.has-spinner {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14.592px;\n  color: rgb(255, 255, 255);\n  background-color: rgb(4, 107, 210);\n  padding: 14px 28px;\n  margin: 0;\n  border: 0px solid rgb(4, 107, 210);\n  border-radius: 4px;\n  width: auto;\n  min-width: 97.2812px;\n  height: 42.5938px;\n  display: inline-block;\n  position: static;\n  cursor: pointer;\n  font-weight: 500;\n  transition: background-color 0.3s ease, transform 0.2s ease;\n}\n\n.wpcf7-form-control.wpcf7-submit.has-spinner:hover {\n  background-color: rgb(3, 86, 168);\n  transform: translateY(-1px);\n}\n\n.wpcf7-form-control.wpcf7-submit.has-spinner:active {\n  transform: translateY(0px);\n}\n\n\/* Spinner (indicador de carregamento) *\/\n.wpcf7-spinner {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14px;\n  color: rgb(51, 65, 85);\n  background-color: rgb(35, 40, 45);\n  margin: 0px 24px;\n  border: 0px none rgb(51, 65, 85);\n  border-radius: 100%;\n  width: 24px;\n  height: 24px;\n  display: none;\n  position: relative;\n  animation: wpcf7-spinner-rotation 1s linear infinite;\n}\n\n\/* Container de resposta *\/\n.wpcf7-response-output {\n  font-family: Gantari, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 14.592px;\n  color: rgb(51, 65, 85);\n  background-color: rgba(0, 0, 0, 0);\n  padding: 2.9184px 14.592px;\n  margin: 29.184px 7.296px 14.592px;\n  border: 2px solid rgb(0, 160, 210);\n  width: auto;\n  height: auto;\n  position: static;\n  border-radius: 4px;\n  display: none;\n}\n\n.wpcf7-response-output.wpcf7-display-none {\n  display: none;\n}\n\n\/* Campos do Akismet *\/\n.akismet-fields-container {\n  display: none !important;\n}\n\n\/* Estados de foco *\/\n.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required:focus,\n.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email:focus,\n.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control:focus {\n  outline: none;\n  border-color: rgb(4, 107, 210);\n  box-shadow: 0 0 0 3px rgba(4, 107, 210, 0.1);\n}\n\n\/* Anima\u00e7\u00f5es *\/\n@keyframes wpcf7-spinner-rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n\/* Responsividade *\/\n@media (max-width: 600px) {\n  .wpcf7-form {\n    width: 100%;\n    max-width: 100%;\n  }\n  \n  .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,\n  .wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email,\n  .wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {\n    max-width: 100%;\n    width: 100%;\n  }\n  \n  .wpcf7-form-control-wrap {\n    max-width: 100%;\n    width: 100%;\n  }\n  \n  .wpcf7-form p {\n    max-width: 100%;\n    width: 100%;\n  }\n  \n  .wpcf7-response-output {\n    margin: 20px 0 10px;\n  }\n}\n\n\/* Estilos para estados de valida\u00e7\u00e3o *\/\n.wpcf7-not-valid-tip {\n  color: #dc2626;\n  font-size: 12.8px;\n  font-weight: 400;\n  margin-top: 4px;\n  display: block;\n}\n\n.wpcf7-form-control.wpcf7-not-valid {\n  border-color: #dc2626;\n}\n\n.wpcf7-response-output.wpcf7-validation-errors {\n  border-color: #dc2626;\n  color: #dc2626;\n  background-color: #fef2f2;\n  display: block;\n}\n\n.wpcf7-response-output.wpcf7-mail-sent-ok {\n  border-color: #10b981;\n  color: #065f46;\n  background-color: #ecfdf5;\n  display: block;\n}\n\n.wpcf7-response-output.wpcf7-mail-sent-ng {\n  border-color: #f59e0b;\n  color: #92400e;\n  background-color: #fffbeb;\n  display: block;\n}\n\n.wpcf7-response-output.wpcf7-spam-blocked {\n  border-color: #8b5cf6;\n  color: #5b21b6;\n  background-color: #f5f3ff;\n  display: block;\n}\n\n.wpcf7-response-output.wpcf7-aborted {\n  border-color: #6b7280;\n  color: #374151;\n  background-color: #f9fafb;\n  display: block;\n}\n      * {\n        box-sizing: border-box;\n      }\n\n      body {\n        margin: 0;\n        padding: 0;\n        font-family: \"Outfit\", sans-serif;\n        background: #fff;\n      }\n\n\n      \/* Media Queries Responsivas *\/\n\n      \/* A partir de 1020px: primeiro h1 vai para 38px *\/\n      @media (max-width: 1020px) {\n        .hero-title {\n          font-size: 38px !important;\n        }\n      }\n\n      \/* A partir de 740px: remove height de 260px e flex column-reverse *\/\n      @media (max-width: 740px) {\n        .hero {\n          height: auto !important;\n          padding: 0 20px !important;\n        }\n\n.footer-logo img {\n    height: 46px !important;}\n\n        .hero-content {\n          flex-direction: column-reverse !important;\n          gap: 32px !important;\n          text-align: center !important;\n        }\n\n        .text-content {\n          flex: none !important;\n        }\n\n        .image-content {\n          flex: none !important;\n        }\n\n        .hero-image {\n          max-width: 300px !important;\n          margin: 0 auto !important;\n        }\n\n        \/* Ajustes gerais para se\u00e7\u00f5es *\/\n        .section {\n          padding: 32px 20px !important;\n        }\n\n        .section-title {\n          font-size: 28px !important;\n        }\n\n        \/* Grid de contato em coluna \u00fanica *\/\n        .contact-grid {\n          grid-template-columns: 1fr !important;\n          gap: 32px !important;\n        }\n\n        \/* Grids em coluna \u00fanica *\/\n        .steps-container,\n        .features-grid {\n          grid-template-columns: 1fr !important;\n          gap: 24px !important;\n        }\n\n        \/* Grid de superf\u00edcies responsivo *\/\n        .surfaces-grid {\n          grid-template-columns: repeat(\n            auto-fit,\n            minmax(120px, 1fr)\n          ) !important;\n          gap: 20px !important;\n        }\n\n        .surface-circle {\n          width: 100px !important;\n          height: 100px !important;\n        }\n      }\n\n      \/* Tablet - 768px *\/\n      @media (max-width: 768px) {\n        .hero-title {\n          font-size: 36px !important;\n        }\n\n        .section {\n          padding: 28px 16px !important;\n        }\n\n        .section-title {\n          font-size: 26px !important;\n        }\n\n        \/* Ajustes de texto *\/\n        h3 {\n          font-size: 20px !important;\n        }\n\n        p {\n          font-size: 15px !important;\n        }\n      }\n\n      \/* Mobile - 480px *\/\n      @media (max-width: 480px) {\n        .hero-title {\n          font-size: 32px !important;\n        }\n\n        .hero-image {\n          max-width: 250px !important;\n        }\n\n        .section {\n          padding: 24px 16px !important;\n        }\n\n        .section-title {\n          font-size: 24px !important;\n        }\n\n        \/* Superf\u00edcies em grid menor *\/\n        .surfaces-grid {\n          grid-template-columns: repeat(2, 1fr) !important;\n        }\n\n        .surface-circle {\n          width: 90px !important;\n          height: 90px !important;\n        }\n\n        \/* Contatos com padding menor *\/\n        .contact-grid a {\n          padding: 12px !important;\n        }\n      }\n\n      \/* Mobile muito pequeno - 360px *\/\n      @media (max-width: 360px) {\n        .hero-title {\n          font-size: 28px !important;\n        }\n\n        .hero-image {\n          max-width: 200px !important;\n        }\n\n        .section {\n          padding: 20px 12px !important;\n        }\n\n        .section-title {\n          font-size: 22px !important;\n        }\n      }\n\n      \/* Estilos originais *\/\n      .hoverA:hover {\n        background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n      }\n\n      h2 {\n        margin-top: 0;\n        margin-bottom: 8px;\n      }\n\n      p {\n        margin-top: 0;\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <!-- Hero Section -->\n    <div\n      class=\"hero\"\n      style=\"\n        max-width: 1150px;\n        background-color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto;\n        height: 260px;\n      \"\n    >\n      <div\n        class=\"hero-content\"\n        style=\"\n          max-width: 1150px;\n          width: 100%;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 40px;\n        \"\n      >\n        <!-- Texto \u00e0 esquerda -->\n        <div class=\"text-content\" style=\"flex: 1\">\n          <h1\n            class=\"hero-title\"\n            style=\"\n              font-family: 'Outfit', sans-serif;\n              font-size: 68px;\n              font-weight: 800;\n              color: black;\n              line-height: 1.1;\n              margin: 0 0 0 12px;\n            \"\n          >\n            L\u00e1pis Dermatogr\u00e1fico\n          <\/h1>\n        <\/div>\n\n        <!-- Imagem \u00e0 direita -->\n        <div class=\"image-content\" style=\"flex: 0 0 auto\">\n          <img decoding=\"async\"\n            src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/lapis-topo.webp\"\n            alt=\"L\u00e1pis Dermatogr\u00e1fico\"\n            style=\"max-width: 300px; width: 100%; height: auto; display: block\"\n            class=\"hero-image\"\n          \/>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Intro Section - Imagem \u00e0 esquerda, texto \u00e0 direita -->\n    <div\n      class=\"section\"\n      style=\"max-width: 1150px; margin: 0 auto; padding: 48px 32px\"\n    >\n      <div\n        style=\"display: flex; flex-wrap: wrap; gap: 32px; align-items: center\"\n      >\n        <!-- Imagem -->\n        <div style=\"width: 280px; flex-shrink: 0\">\n          <img decoding=\"async\"\n            src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/CORES-1.webp\"\n            alt=\"L\u00e1pis Dermatogr\u00e1fico\"\n            style=\"width: 100%; height: auto; display: block\"\n          \/>\n        <\/div>\n\n        <!-- Texto -->\n        <div style=\"flex: 1; min-width: 280px\">\n          <div\n            style=\"\n              font-size: 18px;\n              font-weight: 600;\n              text-transform: uppercase;\n              color: #9c8027;\n              margin-bottom: 8px;\n              letter-spacing: 0.5px;\n            \"\n          >\n            Versatilidade e Precis\u00e3o\n          <\/div>\n          <h2\n            class=\"section-title\"\n            style=\"\n              font-size: 36px;\n              font-weight: 600;\n              color: #1f1f1f;\n              margin-bottom: 12px;\n            \"\n          >\n            Marca\u00e7\u00e3o Profissional em Qualquer Superf\u00edcie\n          <\/h2>\n          <p\n            style=\"\n              font-size: 17px;\n              color: #4a4a4a;\n              line-height: 1.7;\n              margin-bottom: 0;\n            \"\n          >\n            O l\u00e1pis dermatogr\u00e1fico de cera \u00e9 um marcador econ\u00f4mico e de escrita\n            suave, projetado para marcar quase todas as superf\u00edcies. Com sua\n            composi\u00e7\u00e3o especial \u00e0 base de cera envolta em papel, oferece\n            marca\u00e7\u00f5es precisas e duradouras, sendo ideal para uso industrial,\n            controle de qualidade e diversos setores profissionais.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n<!-- Surfaces Section -->\n<div style=\"background: #f8f9fa; padding: 48px 0\" id=\"superficies\">\n  <div style=\"max-width: 1150px; margin: 0 auto; padding: 0 32px\">\n    <div\n      style=\"\n        font-size: 18px;\n        font-weight: 600;\n        text-transform: uppercase;\n        color: #9c8027;\n        margin-bottom: 8px;\n        letter-spacing: 0.5px;\n      \"\n    >\n      Aplica\u00e7\u00f5es Vers\u00e1teis\n    <\/div>\n    <h2\n      class=\"section-title\"\n      style=\"\n        font-size: 36px;\n        font-weight: 600;\n        color: #1f1f1f;\n        margin-bottom: 12px;\n      \"\n    >\n      Superf\u00edcies Compat\u00edveis\n    <\/h2>\n    <p\n      style=\"\n        font-size: 17px;\n        color: #4a4a4a;\n        line-height: 1.7;\n        margin-bottom: 32px;\n      \"\n    >\n      Projetado para atender as mais diversas necessidades industriais e\n      profissionais, o l\u00e1pis dermatogr\u00e1fico marca com efici\u00eancia em\n      m\u00faltiplas superf\u00edcies.\n    <\/p>\n\n    <div\n      class=\"surfaces-grid\"\n      style=\"\n        overflow-x: overlay;\n        display: grid;\n        grid-template-columns: repeat(8, 1fr);\n        gap: 24px;\n        margin-top: 32px;\n      \"\n    >\n      <!-- Vidro -->\n      <div class=\"surface-item\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\">\n        <div class=\"surface-circle\" style=\"width: 140px; height: 140px; border-radius: 50%; overflow: hidden;\">\n          <img decoding=\"async\" src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/vidro-1.webp\" alt=\"Vidro\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <div style=\"font-size: 16px; font-weight: 500; color: #2d2d2d\">Vidro<\/div>\n      <\/div>\n\n      <!-- Metal (inox) -->\n      <div class=\"surface-item\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\">\n        <div class=\"surface-circle\" style=\"width: 140px; height: 140px; border-radius: 50%; overflow: hidden;\">\n          <img decoding=\"async\" src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/inox.webp\" alt=\"Metal\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <div style=\"font-size: 16px; font-weight: 500; color: #2d2d2d\">Metal<\/div>\n      <\/div>\n\n      <!-- Cer\u00e2mica -->\n      <div class=\"surface-item\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\">\n        <div class=\"surface-circle\" style=\"width: 140px; height: 140px; border-radius: 50%; overflow: hidden;\">\n          <img decoding=\"async\" src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/ceram.webp\" alt=\"Cer\u00e2mica\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <div style=\"font-size: 16px; font-weight: 500; color: #2d2d2d\">Cer\u00e2mica<\/div>\n      <\/div>\n\n      <!-- Pl\u00e1stico -->\n      <div class=\"surface-item\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\">\n        <div class=\"surface-circle\" style=\"width: 140px; height: 140px; border-radius: 50%; overflow: hidden;\">\n          <img decoding=\"async\" src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/plastico.webp\" alt=\"Pl\u00e1stico\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <div style=\"font-size: 16px; font-weight: 500; color: #2d2d2d\">Pl\u00e1stico<\/div>\n      <\/div>\n\n      <!-- Madeira -->\n      <div class=\"surface-item\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\">\n        <div class=\"surface-circle\" style=\"width: 140px; height: 140px; border-radius: 50%; overflow: hidden;\">\n          <img decoding=\"async\" src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/mad.webp\" alt=\"Madeira\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <div style=\"font-size: 16px; font-weight: 500; color: #2d2d2d\">Madeira<\/div>\n      <\/div>\n\n      <!-- Papel -->\n      <div class=\"surface-item\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\">\n        <div class=\"surface-circle\" style=\"width: 140px; height: 140px; border-radius: 50%; overflow: hidden;\">\n          <img decoding=\"async\" src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/papel.webp\" alt=\"Papel\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <div style=\"font-size: 16px; font-weight: 500; color: #2d2d2d\">Papel<\/div>\n      <\/div>\n\n      <!-- Borracha -->\n      <div class=\"surface-item\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\">\n        <div class=\"surface-circle\" style=\"width: 140px; height: 140px; border-radius: 50%; overflow: hidden;\">\n          <img decoding=\"async\" src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/borracha-1.webp\" alt=\"Borracha\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <div style=\"font-size: 16px; font-weight: 500; color: #2d2d2d\">Borracha<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n    <!-- How to Use Section -->\n    <div\n      class=\"section\"\n      style=\"\n        background: #fff;\n        max-width: 1150px;\n        margin: 0 auto;\n        padding: 48px 32px;\n      \"\n      id=\"uso\"\n    >\n      <div\n        style=\"\n          font-size: 18px;\n          font-weight: 600;\n          text-transform: uppercase;\n          color: #9c8027;\n          margin-bottom: 8px;\n          letter-spacing: 0.5px;\n        \"\n      >\n        Instru\u00e7\u00f5es de Uso\n      <\/div>\n      <h2\n        class=\"section-title\"\n        style=\"\n          font-size: 36px;\n          font-weight: 600;\n          color: #1f1f1f;\n          margin-bottom: 12px;\n        \"\n      >\n        Como Utilizar\n      <\/h2>\n      <p\n        style=\"\n          font-size: 17px;\n          color: #4a4a4a;\n          line-height: 1.7;\n          margin-bottom: 32px;\n        \"\n      >\n        O l\u00e1pis dermatogr\u00e1fico possui um sistema pr\u00e1tico e econ\u00f4mico que\n        dispensa o uso de apontador tradicional. Siga estas instru\u00e7\u00f5es simples\n        para melhor aproveitamento.\n      <\/p>\n\n      <div\n        class=\"steps-container\"\n        style=\"\n          display: grid;\n          grid-template-columns: repeat(3, 1fr);\n          gap: 32px;\n          margin-top: 40px;\n        \"\n      >\n        <!-- Passo 1 -->\n        <div\n          style=\"\n            background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n            border-radius: 16px;\n            padding: 32px;\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n          \"\n        >\n          <div\n            style=\"\n              width: 100%;\n              height: 220px;\n              border-radius: 12px;\n              overflow: hidden;\n            \"\n          >\n            <img decoding=\"async\"\n              src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/gigapixel-lapis_dermatografico_7600_preta_mitsu_bishi_15177_2_63a8401b0c5ca747f58e7f8d5797d1c9-1.webp\"\n              alt=\"Passo 1: Puxar o cord\u00e3o\"\n              style=\"\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                display: block;\n              \"\n            \/>\n          <\/div>\n          <div>\n            <div style=\"display: flex; align-items: center; gap: 12px\">\n              <span\n                style=\"\n                  font-family: 'Outfit', sans-serif;\n                  font-size: 32px;\n                  font-weight: 800;\n                  font-style: italic;\n                  color: #9c8027;\n                \"\n                >1.<\/span\n              >\n              <span style=\"font-size: 22px; font-weight: 600; color: #1f1f1f\"\n                >Puxar o Cord\u00e3o<\/span\n              >\n            <\/div>\n            <p style=\"font-size: 16px; color: #525252; line-height: 1.6\">\n              Localize o cord\u00e3o na extremidade do l\u00e1pis e puxe-o com firmeza\n              para romper o papel de prote\u00e7\u00e3o.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Passo 2 -->\n        <div\n          style=\"\n            background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n            border-radius: 16px;\n            padding: 32px;\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n          \"\n        >\n          <div\n            style=\"\n              width: 100%;\n              height: 220px;\n              border-radius: 12px;\n              overflow: hidden;\n            \"\n          >\n            <img decoding=\"async\"\n              src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/gigapixel-lapis_dermatografico_7600_preta_mitsu_bishi_15177_2_63a8401b0c5ca747f58e7f8d5797d1c9-2.webp\"\n              alt=\"Passo 2: Desembrulhar o papel\"\n              style=\"\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                display: block;\n              \"\n            \/>\n          <\/div>\n          <div>\n            <div style=\"display: flex; align-items: center; gap: 12px\">\n              <span\n                style=\"\n                  font-family: 'Outfit', sans-serif;\n                  font-size: 32px;\n                  font-weight: 800;\n                  font-style: italic;\n                  color: #9c8027;\n                \"\n                >2.<\/span\n              >\n              <span style=\"font-size: 22px; font-weight: 600; color: #1f1f1f\"\n                >Desembrulhar o Papel<\/span\n              >\n            <\/div>\n            <p style=\"font-size: 16px; color: #525252; line-height: 1.6\">\n              Remova cuidadosamente a camada de papel ao redor da ponta de cera,\n              expondo a ponta para uso. N\u00e3o \u00e9 necess\u00e1rio apontador.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Passo 3 -->\n        <div\n          style=\"\n            background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n            border-radius: 16px;\n            padding: 32px;\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n          \"\n        >\n          <div\n            style=\"\n              width: 100%;\n              height: 220px;\n              border-radius: 12px;\n              overflow: hidden;\n            \"\n          >\n            <img decoding=\"async\"\n              src=\"http:\/\/lapisdermatografico.com.br\/wp-content\/uploads\/2025\/12\/gigapixel-lapis_dermatografico_7600_preta_mitsu_bishi_15177_2_63a8401b0c5ca747f58e7f8d5797d1c9-3.webp\"\n              alt=\"Passo 3: Marcar a superf\u00edcie\"\n              style=\"\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                display: block;\n              \"\n            \/>\n          <\/div>\n          <div>\n            <div style=\"display: flex; align-items: center; gap: 12px\">\n              <span\n                style=\"\n                  font-family: 'Outfit', sans-serif;\n                  font-size: 32px;\n                  font-weight: 800;\n                  font-style: italic;\n                  color: #9c8027;\n                \"\n                >3.<\/span\n              >\n              <span style=\"font-size: 22px; font-weight: 600; color: #1f1f1f\"\n                >Marcar a Superf\u00edcie<\/span\n              >\n            <\/div>\n            <p style=\"font-size: 16px; color: #525252; line-height: 1.6\">\n              Aplique o l\u00e1pis sobre a superf\u00edcie desejada com press\u00e3o moderada.\n              A ponta macia garante escrita suave e marca\u00e7\u00f5es claras e precisas.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Features Section -->\n    <div style=\"background: #fafafa; width: 100%\">\n      <div\n        class=\"section\"\n        style=\"\n          background: #fafafa;\n          max-width: 1150px;\n          margin: 0 auto;\n          padding: 48px 32px;\n        \"\n        id=\"caracteristicas\"\n      >\n        <div\n          style=\"\n            font-size: 18px;\n            font-weight: 600;\n            text-transform: uppercase;\n            color: #9c8027;\n            margin-bottom: 8px;\n            letter-spacing: 0.5px;\n          \"\n        >\n          Especifica\u00e7\u00f5es T\u00e9cnicas\n        <\/div>\n        <h2\n          class=\"section-title\"\n          style=\"\n            font-size: 36px;\n            font-weight: 600;\n            color: #1f1f1f;\n            margin-bottom: 12px;\n          \"\n        >\n          Caracter\u00edsticas e Benef\u00edcios\n        <\/h2>\n        <p\n          style=\"\n            font-size: 17px;\n            color: #4a4a4a;\n            line-height: 1.7;\n            margin-bottom: 32px;\n          \"\n        >\n          Desenvolvido para atender os mais altos padr\u00f5es de qualidade\n          industrial, o l\u00e1pis dermatogr\u00e1fico oferece recursos essenciais para\n          marca\u00e7\u00e3o profissional.\n        <\/p>\n\n        <div\n          class=\"features-grid\"\n          style=\"\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n            margin-top: 40px;\n          \"\n        >\n          <!-- Feature 1 -->\n          <div\n            style=\"\n              background: white;\n              border: 1px solid #e8e8e8;\n              border-radius: 12px;\n              padding: 28px;\n            \"\n          >\n            <div\n              style=\"\n                width: 56px;\n                height: 56px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n              \"\n            >\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"28\"\n                height=\"28\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"#9c8027\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <path\n                  d=\"M17 3a2.83 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\"\n                \/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3\n                style=\"\n                  font-size: 20px;\n                  font-weight: 600;\n                  color: #1f1f1f;\n                  margin-bottom: 10px;\n                \"\n              >\n                Ponta Super Macia\n              <\/h3>\n              <p style=\"font-size: 16px; color: #5c5c5c; line-height: 1.6\">\n                Escrita suave e precisa em superf\u00edcies lisas e rugosas,\n                garantindo tra\u00e7ados uniformes sem esfor\u00e7o.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Feature 2 -->\n          <div\n            style=\"\n              background: white;\n              border: 1px solid #e8e8e8;\n              border-radius: 12px;\n              padding: 28px;\n            \"\n          >\n            <div\n              style=\"\n                width: 56px;\n                height: 56px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n              \"\n            >\n              <svg\n                stroke=\"#9c8027\"\n                fill=\"#9c8027\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 512 512\"\n                height=\"28px\"\n                width=\"28px\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              >\n                <path\n                  fill=\"none\"\n                  stroke-miterlimit=\"10\"\n                  stroke-width=\"32\"\n                  d=\"M400 320c0 88.37-55.63 144-144 144s-144-55.63-144-144c0-94.83 103.23-222.85 134.89-259.88a12 12 0 0 1 18.23 0C296.77 97.15 400 225.17 400 320z\"\n                ><\/path>\n                <path\n                  fill=\"none\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"32\"\n                  d=\"M344 328a72 72 0 0 1-72 72\"\n                ><\/path>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3\n                style=\"\n                  font-size: 20px;\n                  font-weight: 600;\n                  color: #1f1f1f;\n                  margin-bottom: 10px;\n                \"\n              >\n                Resistente \u00e0 Umidade\n              <\/h3>\n              <p style=\"font-size: 16px; color: #5c5c5c; line-height: 1.6\">\n                Pode ser usado de forma eficaz na maioria dos climas e\n                condi\u00e7\u00f5es, mantendo a qualidade da marca\u00e7\u00e3o.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Feature 3 -->\n          <div\n            style=\"\n              background: white;\n              border: 1px solid #e8e8e8;\n              border-radius: 12px;\n              padding: 28px;\n            \"\n          >\n            <div\n              style=\"\n                width: 56px;\n                height: 56px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n              \"\n            >\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"28\"\n                height=\"28\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"#9c8027\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\" \/>\n                <path d=\"M21 3v5h-5\" \/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3\n                style=\"\n                  font-size: 20px;\n                  font-weight: 600;\n                  color: #1f1f1f;\n                  margin-bottom: 10px;\n                \"\n              >\n                Sistema Sem Apontador\n              <\/h3>\n              <p style=\"font-size: 16px; color: #5c5c5c; line-height: 1.6\">\n                Basta puxar o cord\u00e3o e desembrulhar o papel para expor nova\n                ponta. Praticidade e economia garantidas.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Feature 4 -->\n          <div\n            style=\"\n              background: white;\n              border: 1px solid #e8e8e8;\n              border-radius: 12px;\n              padding: 28px;\n            \"\n          >\n            <div\n              style=\"\n                width: 56px;\n                height: 56px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n              \"\n            >\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"28\"\n                height=\"28\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"#9c8027\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                <circle cx=\"12\" cy=\"12\" r=\"6\" \/>\n                <circle cx=\"12\" cy=\"12\" r=\"2\" \/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3\n                style=\"\n                  font-size: 20px;\n                  font-weight: 600;\n                  color: #1f1f1f;\n                  margin-bottom: 10px;\n                \"\n              >\n                Alta Visibilidade\n              <\/h3>\n              <p style=\"font-size: 16px; color: #5c5c5c; line-height: 1.6\">\n                Cores vibrantes para identifica\u00e7\u00e3o instant\u00e2nea e marca\u00e7\u00f5es\n                vis\u00edveis em diversas superf\u00edcies e condi\u00e7\u00f5es de ilumina\u00e7\u00e3o.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Feature 5 -->\n          <div\n            style=\"\n              background: white;\n              border: 1px solid #e8e8e8;\n              border-radius: 12px;\n              padding: 28px;\n            \"\n          >\n            <div\n              style=\"\n                width: 56px;\n                height: 56px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n              \"\n            >\n              <svg\n                stroke=\"#9c8027\"\n                fill=\"#9c8027\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 24 24\"\n                height=\"26px\"\n                width=\"26px\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\"><\/path>\n                <path\n                  d=\"M22 22H2V10l7-3v2l5-2v3h3l1-8h3l1 8v12zM12 9.95l-5 2V10l-3 1.32V20h16v-8h-8V9.95zM11 18h2v-4h-2v4zm-4 0h2v-4H7v4zm10-4h-2v4h2v-4z\"\n                ><\/path>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3\n                style=\"\n                  font-size: 20px;\n                  font-weight: 600;\n                  color: #1f1f1f;\n                  margin-bottom: 10px;\n                \"\n              >\n                Uso Industrial\n              <\/h3>\n              <p style=\"font-size: 16px; color: #5c5c5c; line-height: 1.6\">\n                Ideal para controle de qualidade, fabrica\u00e7\u00e3o de metal, ind\u00fastria\n                automotiva, constru\u00e7\u00e3o e produ\u00e7\u00e3o de vidro.\n              <\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Feature 6 -->\n          <div\n            style=\"\n              background: white;\n              border: 1px solid #e8e8e8;\n              border-radius: 12px;\n              padding: 28px;\n            \"\n          >\n            <div\n              style=\"\n                width: 56px;\n                height: 56px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n              \"\n            >\n              <svg\n                stroke=\"#9c8027\"\n                fill=\"#9c8027\"\n                stroke-width=\"0\"\n                viewBox=\"0 0 26 26\"\n                height=\"30px\"\n                width=\"30px\"\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              >\n                <path fill=\"none\" d=\"M0 0h24v24H0z\"><\/path>\n                <path\n                  d=\"M12.5 6.9c1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-.53.12-1.03.3-1.48.54l1.47 1.47c.41-.17.91-.27 1.51-.27zM5.33 4.06 4.06 5.33 7.5 8.77c0 2.08 1.56 3.21 3.91 3.91l3.51 3.51c-.34.48-1.05.91-2.42.91-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c.96-.18 1.82-.55 2.45-1.12l2.22 2.22 1.27-1.27L5.33 4.06z\"\n                ><\/path>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3\n                style=\"\n                  font-size: 20px;\n                  font-weight: 600;\n                  color: #1f1f1f;\n                  margin-bottom: 10px;\n                \"\n              >\n                Custo-Benef\u00edcio\n              <\/h3>\n              <p style=\"font-size: 16px; color: #5c5c5c; line-height: 1.6\">\n                Marcador econ\u00f4mico de uso geral, oferecendo excelente rendimento\n                e durabilidade para aplica\u00e7\u00f5es di\u00e1rias.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Contact Section -->\n    <div\n      class=\"section\"\n      style=\"\n        background: #fff;\n        border-top: 1px solid #e8e8e8;\n        max-width: 1150px;\n        margin: 0 auto;\n        padding: 48px 32px;\n      \"\n      id=\"contato\"\n    >\n      <div\n        style=\"\n          font-size: 18px;\n          font-weight: 600;\n          text-transform: uppercase;\n          color: #9c8027;\n          margin-bottom: 8px;\n          letter-spacing: 0.5px;\n        \"\n      >\n        Entre em Contato\n      <\/div>\n      <h2\n        class=\"section-title\"\n        style=\"\n          font-size: 36px;\n          font-weight: 600;\n          color: #1f1f1f;\n          margin-bottom: 12px;\n        \"\n      >\n        Fale Conosco\n      <\/h2>\n      <p\n        style=\"\n          font-size: 17px;\n          color: #4a4a4a;\n          line-height: 1.7;\n          margin-bottom: 32px;\n        \"\n      >\n        Envie uma mensagem ou entre em contato diretamente para d\u00favidas,\n        or\u00e7amentos ou informa\u00e7\u00f5es sobre nossos produtos.\n      <\/p>\n\n      <div\n        class=\"contact-grid\"\n        style=\"\n          display: grid;\n          grid-template-columns: 1fr 1fr;\n          gap: 48px;\n          margin-top: 32px;\n        \"\n      >\n        <div>\n          <h3\n            style=\"\n              font-size: 26px;\n              font-weight: 600;\n              color: #1f1f1f;\n              margin-bottom: 24px;\n            \"\n          >\n            Envie uma Mensagem\n          <\/h3>\n          <p style=\"color: #666; font-size: 15px\">\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f89-o1\" lang=\"pt-BR\" dir=\"ltr\" data-wpcf7-id=\"89\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/13#wpcf7-f89-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formul\u00e1rios de contato\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"89\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pt_BR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f89-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label> Seu nome<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Seu e-mail<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Sua mensagem<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"10\" rows=\"3\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Escreva sua mensagem aqui...\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"2\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n          <\/p>\n        <\/div>\n\n        <div>\n          <h3\n            style=\"\n              font-size: 26px;\n              font-weight: 600;\n              color: #1f1f1f;\n              margin-bottom: 24px;\n            \"\n          >\n            Informa\u00e7\u00f5es de Contato\n          <\/h3>\n          <p style=\"font-size: 16px; color: #525252; margin-bottom: 24px\">\n            Nossa equipe est\u00e1 pronta para atend\u00ea-lo com solu\u00e7\u00f5es personalizadas\n            para suas necessidades industriais.\n          <\/p>\n\n          <a\n            style=\"\n              display: flex;\n              align-items: flex-start;\n              gap: 16px;\n              padding: 16px;\n              border-radius: 12px;\n              text-decoration: none;\n              color: inherit;\n              margin-bottom: 12px;\n              border: 1px solid transparent;\n            \"\n          >\n            <div\n              style=\"\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #9c8027;\n                height: 52px;\n                width: 52px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 12px;\n                flex-shrink: 0;\n              \"\n            >\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <path\n                  d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\n                ><\/path>\n              <\/svg>\n            <\/div>\n            <div>\n              <div\n                style=\"\n                  font-size: 12px;\n                  font-weight: 600;\n                  color: #9c8027;\n                  text-transform: uppercase;\n                  letter-spacing: 0.5px;\n                  margin-bottom: 4px;\n                \"\n              >\n                Telefone\n              <\/div>\n              <div style=\"font-size: 17px; color: #1f1f1f; font-weight: 500\">\n                (11) 3662-2924\n              <\/div>\n            <\/div>\n          <\/a>\n\n          <a\n            href=\"https:\/\/wa.me\/5511975407056\"\n            target=\"_blank\"\n            style=\"\n              display: flex;\n              align-items: flex-start;\n              gap: 16px;\n              padding: 16px;\n              border-radius: 12px;\n              text-decoration: none;\n              color: inherit;\n              margin-bottom: 12px;\n              border: 1px solid transparent;\n            \"\n            class=\"hoverA\"\n          >\n            <div\n              style=\"\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #9c8027;\n                height: 52px;\n                width: 52px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 12px;\n                flex-shrink: 0;\n              \"\n            >\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                fill=\"currentColor\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 36 36\"\n              >\n                <path\n                  d=\"M26.576 5.363c-2.69-2.69-6.406-4.354-10.511-4.354-8.209 0-14.865 6.655-14.865 14.865 0 2.732 0.737 5.291 2.022 7.491l-0.038-0.070-2.109 7.702 7.879-2.067c2.051 1.139 4.498 1.809 7.102 1.809h0.006c8.209-0.003 14.862-6.659 14.862-14.868 0-4.103-1.662-7.817-4.349-10.507l0 0zM16.062 28.228h-0.005c-0 0-0.001 0-0.001 0-2.319 0-4.489-0.64-6.342-1.753l0.056 0.031-0.451-0.267-4.675 1.227 1.247-4.559-0.294-0.467c-1.185-1.862-1.889-4.131-1.889-6.565 0-6.822 5.531-12.353 12.353-12.353s12.353 5.531 12.353 12.353c0 6.822-5.53 12.353-12.353 12.353h-0zM22.838 18.977c-0.371-0.186-2.197-1.083-2.537-1.208-0.341-0.124-0.589-0.185-0.837 0.187-0.246 0.371-0.958 1.207-1.175 1.455-0.216 0.249-0.434 0.279-0.805 0.094-1.15-0.466-2.138-1.087-2.997-1.852l0.010 0.009c-0.799-0.74-1.484-1.587-2.037-2.521l-0.028-0.052c-0.216-0.371-0.023-0.572 0.162-0.757 0.167-0.166 0.372-0.434 0.557-0.65 0.146-0.179 0.271-0.384 0.366-0.604l0.006-0.017c0.043-0.087 0.068-0.188 0.068-0.296 0-0.131-0.037-0.253-0.101-0.357l0.002 0.003c-0.094-0.186-0.836-2.014-1.145-2.758-0.302-0.724-0.609-0.625-0.836-0.637-0.216-0.010-0.464-0.012-0.712-0.012-0.395 0.010-0.746 0.188-0.988 0.463l-0.001 0.002c-0.802 0.761-1.3 1.834-1.3 3.023 0 0.026 0 0.053 0.001 0.079l-0-0.004c0.131 1.467 0.681 2.784 1.527 3.857l-0.012-0.015c1.604 2.379 3.742 4.282 6.251 5.564l0.094 0.043c0.548 0.248 1.25 0.513 1.968 0.74l0.149 0.041c0.442 0.14 0.951 0.221 1.479 0.221 0.303 0 0.601-0.027 0.889-0.078l-0.031 0.004c1.069-0.223 1.956-0.868 2.497-1.749l0.009-0.017c0.165-0.366 0.261-0.793 0.261-1.242 0-0.185-0.016-0.366-0.047-0.542l0.003 0.019c-0.092-0.155-0.34-0.247-0.712-0.434z\"\n                \/>\n              <\/svg>\n            <\/div>\n            <div>\n              <div\n                style=\"\n                  font-size: 12px;\n                  font-weight: 600;\n                  color: #9c8027;\n                  text-transform: uppercase;\n                  letter-spacing: 0.5px;\n                  margin-bottom: 4px;\n                \"\n              >\n                WhatsApp\n              <\/div>\n              <div style=\"font-size: 17px; color: #1f1f1f; font-weight: 500\">\n                (11) 97540-7056\n              <\/div>\n            <\/div>\n          <\/a>\n\n          <a\n            href=\"mailto:revenda@artcamargo.com.br\"\n            style=\"\n              display: flex;\n              align-items: flex-start;\n              gap: 16px;\n              padding: 16px;\n              border-radius: 12px;\n              text-decoration: none;\n              color: inherit;\n              margin-bottom: 12px;\n              border: 1px solid transparent;\n            \"\n            class=\"hoverA\"\n          >\n            <div\n              style=\"\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #9c8027;\n                height: 52px;\n                width: 52px;\n                background: linear-gradient(135deg, #fdf6f0 0%, #fff9e3 100%);\n                border-radius: 12px;\n                flex-shrink: 0;\n              \"\n            >\n              <svg\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <path\n                  d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\n                ><\/path>\n                <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n              <\/svg>\n            <\/div>\n            <div>\n              <div\n                style=\"\n                  font-size: 12px;\n                  font-weight: 600;\n                  color: #9c8027;\n                  text-transform: uppercase;\n                  letter-spacing: 0.5px;\n                  margin-bottom: 4px;\n                \"\n              >\n                E-mail\n              <\/div>\n              <div style=\"font-size: 17px; color: #1f1f1f; font-weight: 500\">\n                revenda@artcamargo.com.br\n              <\/div>\n            <\/div>\n          <\/a>\n\n          <div\n            style=\"\n              margin-top: 32px;\n              padding-top: 24px;\n              border-top: 1px solid #e8e8e8;\n              font-size: 15px;\n              color: #5c5c5c;\n            \"\n          >\n            <strong>Hor\u00e1rio de Atendimento:<\/strong><br \/>\n            Segunda a Sexta \u2014 07h \u00e0s 17h\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>L\u00e1pis Dermatogr\u00e1fico &#8211; ART Camargo L\u00e1pis Dermatogr\u00e1fico Versatilidade e Precis\u00e3o Marca\u00e7\u00e3o Profissional em Qualquer Superf\u00edcie O l\u00e1pis dermatogr\u00e1fico de cera \u00e9 um marcador econ\u00f4mico e de escrita suave, projetado para marcar quase todas as superf\u00edcies. Com sua composi\u00e7\u00e3o especial \u00e0 base de cera envolta em papel, oferece marca\u00e7\u00f5es precisas e duradouras, sendo ideal para uso [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":55,"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/lapisdermatografico.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}