{"id":652,"date":"2025-07-16T07:29:01","date_gmt":"2025-07-16T07:29:01","guid":{"rendered":"https:\/\/byaccuor.articagency.net\/?page_id=652"},"modified":"2025-07-16T07:32:20","modified_gmt":"2025-07-16T07:32:20","slug":"consumidor","status":"publish","type":"page","link":"https:\/\/byaccuor.articagency.net\/en\/consumidor\/","title":{"rendered":"Home consumidor"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"652\" class=\"elementor elementor-652\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-501fc02 e-con-full e-flex e-con e-parent\" data-id=\"501fc02\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=7HeGRoqdLsM&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-0fe246b e-con-full e-flex e-con e-child\" data-id=\"0fe246b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-a148dff e-con-full e-flex e-con e-child\" data-id=\"a148dff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a556a6 elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"9a556a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Descubre una experiencia pensada para ti.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-796d988 elementor-widget elementor-widget-html\" data-id=\"796d988\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .dropdown-container {\r\n    position: relative;\r\n    display: inline-block;\r\n    font-family: sans-serif;\r\n  }\r\n\r\n  .dropdown-btn {\r\n    padding: 10px 20px;\r\n    border: 1px solid white;\r\n    border-radius: 999px;\r\n    background: transparent !important;\r\n    color: white !important;\r\n    cursor: pointer;\r\n    font-size: 25px;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .dropdown-btn:hover {\r\n    background: white !important;\r\n    color: black !important;\r\n    border-color: white;\r\n  }\r\n\r\n  .custom-icon {\r\n    width: 25px;\r\n    height: 25px;\r\n    fill: currentColor;\r\n    transition: fill 0.3s ease;\r\n  }\r\n\r\n  .dropdown-menu {\r\n    display: none;\r\n    position: absolute;\r\n    bottom: 110%;\r\n    left: 0;\r\n    background-color: #222;\r\n    border: 1px solid white;\r\n    border-radius: 8px;\r\n    min-width: 150px;\r\n    z-index: 1000;\r\n  }\r\n\r\n  .dropdown-item {\r\n    padding: 10px 15px;\r\n    cursor: pointer;\r\n    color: white;\r\n  }\r\n\r\n  .dropdown-item:hover {\r\n    background-color: #444;\r\n  }\r\n\r\n  \/* Efecte m\u00e0quina d'escriure: solo blink tras escribir *\/\r\n  #typed-text::after {\r\n    content: '|';\r\n    animation: blink 0.8s infinite;\r\n    margin-left: 2px;\r\n  }\r\n\r\n  @keyframes blink {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"dropdown-container\">\r\n  <button class=\"dropdown-btn\" id=\"dropdown-toggle\">\r\n    Soy <span id=\"typed-text\"><\/span>\r\n    <svg class=\"custom-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 175.7 175.4\" width=\"25\" height=\"25\">\r\n      <polygon fill=\"currentColor\" points=\"0 155.1 126.1 29 10.6 28.9 11.1 0 175.7 .1 175.4 164.4 146.5 164.8 146.4 49.3 20.3 175.4 0 155.1\"\/>\r\n    <\/svg>\r\n  <\/button>\r\n  <div class=\"dropdown-menu\" id=\"dropdown-menu\">\r\n    <div class=\"dropdown-item\">Distribuidor<\/div>\r\n    <div class=\"dropdown-item\">Profesional<\/div>\r\n    <div class=\"dropdown-item\">Particular<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const typedText    = document.getElementById(\"typed-text\");\r\n  const dropdownToggle = document.getElementById(\"dropdown-toggle\");\r\n  const dropdownMenu   = document.getElementById(\"dropdown-menu\");\r\n  const dropdownItems  = document.querySelectorAll(\".dropdown-item\");\r\n\r\n  \/\/ ESCRIBE \"distribuidor\" UNA SOLA VEZ\r\n  const textToType = \"consumidor\";\r\n  let i = 0;\r\n  function typeOnce() {\r\n    if (i < textToType.length) {\r\n      typedText.textContent += textToType.charAt(i);\r\n      i++;\r\n      setTimeout(typeOnce, 100);\r\n    }\r\n    \/\/ cuando i == textToType.length, se queda fija\r\n  }\r\n  typeOnce();\r\n\r\n  \/\/ MUESTRA \/ ESCONDE MEN\u00da\r\n  dropdownToggle.addEventListener(\"click\", e => {\r\n    e.stopPropagation();\r\n    dropdownMenu.style.display =\r\n      dropdownMenu.style.display === \"block\" ? \"none\" : \"block\";\r\n  });\r\n\r\n  \/\/ SELECCI\u00d3N DEL ITEM\r\n  dropdownItems.forEach(item => {\r\n    item.addEventListener(\"click\", () => {\r\n      \/\/ actualiza el texto fijo y cierra men\u00fa\r\n      typedText.textContent = item.textContent.toLowerCase();\r\n      dropdownMenu.style.display = \"none\";\r\n    });\r\n  });\r\n\r\n  \/\/ CIERRA SI HACE CLICK FUERA\r\n  window.addEventListener(\"click\", e => {\r\n    if (!e.target.closest(\".dropdown-container\")) {\r\n      dropdownMenu.style.display = \"none\";\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e0bbf5 e-con-full e-flex e-con e-child\" data-id=\"4e0bbf5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-783f989 elementor-widget elementor-widget-text-editor\" data-id=\"783f989\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>GLORIA<\/p>\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>","protected":false},"excerpt":{"rendered":"<p>Descubre una experiencia pensada para ti. Soy Distribuidor Profesional Particular GLORIA<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-652","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/pages\/652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/comments?post=652"}],"version-history":[{"count":4,"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/pages\/652\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/pages\/652\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/byaccuor.articagency.net\/en\/wp-json\/wp\/v2\/media?parent=652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}