{"id":11,"date":"2025-08-27T14:57:30","date_gmt":"2025-08-27T17:57:30","guid":{"rendered":"http:\/\/localhost\/colfarma\/?page_id=11"},"modified":"2025-09-03T17:31:42","modified_gmt":"2025-09-03T20:31:42","slug":"preguntas-frecuentes","status":"publish","type":"page","link":"https:\/\/colfarma.info\/pilar\/preguntas-frecuentes\/","title":{"rendered":"Preguntas frecuentes"},"content":{"rendered":"<div id=\"pl-gb11-6a0b0508d2e35\"  class=\"panel-layout\" ><div id=\"pg-gb11-6a0b0508d2e35-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb11-6a0b0508d2e35-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb11-6a0b0508d2e35-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><div class=\"faq-container\">\n    <!-- Columna izquierda -->\n    <div class=\"faq-list\">\n      <div class=\"faq-item active\" data-title=\"\u00bfQu\u00e9 deber\u00eda tener el botiqu\u00edn de casa?\" data-content=\"Los accidentes dom\u00e9sticos se producen sin previo aviso y a menudo tenemos que practicar una primera asistencia al accidentado antes de que contemos con la ayuda de un profesional.\">\n        <span>+<\/span> \u00bfQu\u00e9 deber\u00eda tener el botiqu\u00edn de casa?\n        <div class=\"faq-item-content\"><\/div>\n      <\/div>\n      <div class=\"faq-item\" data-title=\"\u00bfC\u00f3mo prevenir enfermedades en invierno?\" data-content=\"En esta \u00e9poca del a\u00f1o es necesario prevenir las enfermedades y las intoxicaciones respiratorias. En especial, se deben maximizar las medidas de cuidado y estar alertas ante posibles s\u00edntomas en beb\u00e9s, ni\u00f1os, embarazadas y adultos mayores, ya que son lo m\u00e1s vulnerables a este tipo de afecciones.\">\n        <span>+<\/span> \u00bfC\u00f3mo prevenir enfermedades en invierno?\n        <div class=\"faq-item-content\"><\/div>\n      <\/div>\n      <div class=\"faq-item\" data-title=\"\u00bfCu\u00e1les son los recaudos para evitar alergias?\" data-content=\"Para combatir a los \u00e1caros, propios de nuestro ambiente es importante que tomemos medidas en el hogar, y que formen parte de nuestro repertorio conductual cotidiano de aseo.\">\n        <span>+<\/span> \u00bfCu\u00e1les son los recaudos para evitar alergias?\n        <div class=\"faq-item-content\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Columna derecha (solo desktop) -->\n    <div class=\"faq-content\" id=\"faq-content\">\n      <h3>\u00bfQu\u00e9 deber\u00eda tener el botiqu\u00edn de casa?<\/h3>\n      <p>Un botiqu\u00edn b\u00e1sico debe incluir: gasas, vendas, alcohol, term\u00f3metro, analg\u00e9sicos, tijeras peque\u00f1as, guantes descartables y medicamentos de uso frecuente indicados por el m\u00e9dico.<\/p>\n    <\/div>\n  <\/div><\/div><\/div><div id=\"panel-gb11-6a0b0508d2e35-0-0-1\" class=\"widget_text so-panel widget widget_custom_html\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><style>\n\n    .faq-container {\n      display: flex;\n      gap: 40px;\n    }\n\n    \/* Columna izquierda *\/\n    .faq-list {\n      flex: 1;\n    }\n\n    .faq-item {\n      cursor: pointer;\n      padding: 15px 0;\n      border-bottom: 1px solid #eee;\n      font-weight: bold;\n      color: #1a1a50;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      transition: color 0.3s;\n    }\n\n    .faq-item-header {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .faq-item span {\n      font-size: 20px;\n      font-weight: bold;\n      color: #1a1a50;\n      transition: transform 0.3s;\n      display: contents;\n    }\n\n    .faq-item.active {\n      color: #75c770;\n    }\n\n    \/* Columna derecha *\/\n    .faq-content {\n      flex: 2;\n      background: #f7f7f7;\n      border-radius: 12px;\n      padding: 30px;\n    }\n\n    .faq-content h3 {\n      margin-top: 0;\n      font-weight: bold;\n      color: #1a1a50;\n    }\n\n    .faq-content p {\n      line-height: 1.6;\n    }\n\n    \/* --- Responsive --- *\/\n    @media (max-width: 768px) {\n      .faq-container {\n        flex-direction: column;\n      }\n.faq-item {\n      display: flex;\n      flex-direction: column;\n    }\n      .faq-list {\n        border-right: none;\n      }\n\n      .faq-content {\n        display: none; \/* oculta columna derecha *\/\n      }\n\n      \/* Estilo acorde\u00f3n *\/\n      .faq-item-content {\n        max-height: 0;\n        overflow: hidden;\n        opacity: 0;\n        padding-left: 10px;\n        transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.3s;\n      }\n\n      .faq-item.open .faq-item-content {\n        max-height: 300px; \/* altura suficiente para el texto *\/\n        opacity: 1;\n        background: #f7f7f7;\n        padding: 10px 30px;\n        border-radius: 15px;\n      }\n\n      \/* Cambiar el signo *\/\n      .faq-item.open .faq-item-header span {\n        content: \"-\";\n        transform: rotate(90deg); \/* opcional, para dar m\u00e1s dinamismo *\/\n      }\n    }\n  <\/style><\/div><\/div><div id=\"panel-gb11-6a0b0508d2e35-0-0-2\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><script>\n  const items = document.querySelectorAll('.faq-item');\n    const contentBox = document.getElementById('faq-content');\n\n    items.forEach(item => {\n      item.addEventListener('click', () => {\n        \/\/ Desktop\n        if (window.innerWidth > 768) {\n          items.forEach(el => el.classList.remove('active'));\n          item.classList.add('active');\n          contentBox.innerHTML = `\n            <h3>${item.dataset.title}<\/h3>\n            <p>${item.dataset.content}<\/p>\n          `;\n        } else {\n          \/\/ Mobile (acorde\u00f3n)\n          const icon = item.querySelector(\"span\");\n          if (item.classList.contains(\"open\")) {\n            item.classList.remove(\"open\");\n            item.querySelector(\".faq-item-content\").innerHTML = \"\";\n            icon.textContent = \"+\";\n          } else {\n            items.forEach(el => {\n              el.classList.remove(\"open\");\n              el.querySelector(\".faq-item-content\").innerHTML = \"\";\n              el.querySelector(\"span\").textContent = \"+\";\n            });\n            item.classList.add(\"open\");\n            item.querySelector(\".faq-item-content\").innerHTML = `<p>${item.dataset.content}<\/p>`;\n            icon.textContent = \"-\";\n          }\n        }\n      });\n    });\n  <\/script><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":2,"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/pages\/11\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/colfarma.info\/pilar\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}