Fix page breaks

css/main.css

@@ -370,7 +370,11 @@ p.product-short-desc {
 
 #higiene h2,
 #mascaras h2,
-#acido-hialuronico h2 {
+#acido-hialuronico h2,
+#hombres h2,
+#proteccion-intensiva h2,
+#monodosis h2,
+#proteccion-solar h2 {
     page-break-before: always;
 }
 

data/products-by-category.json

@@ -714,8 +714,8 @@
 				"Activos Concentrados"
 			],
 			"shortDesc": "Tratamiento reafirmante con alto poder nutritivo que, por su composición rica en activos compensadores, mejora en firmeza y elasticidad de la piel, recuperando toda su vitalidad y energía.",
-			"fullDesc": "Espuma corporal, específicamente formulada para potenciar el tratamiento reductor, anticelulítico y tonificante corporal. Ayuda a eliminar el aspecto visible de la celulitis, mejora la tonicidad de los tejidos, disminuye la sensación de piernas cansadas. Reequilibra a la piel en oligoelementos, minerales, aminoácidos y proteínas. Piel más lisa, firme, elástica, suave y luminosa. Puede utilizarse también como apoyo domiciliario",
-			"application": "Apoyo domiciliario: Aplicar antes de hacer ejercicio y después de ducharse. Indicada para todo tipo de piel",
+			"fullDesc": "Espuma corporal, específicamente formulada para potenciar el tratamiento reductor, anticelulítico y tonificante corporal. Ayuda a eliminar el aspecto visible de la celulitis, mejora la tonicidad de los tejidos, disminuye la sensación de piernas cansadas. Reequilibra a la piel en oligoelementos, minerales, aminoácidos y proteínas. Piel más lisa, firme, elástica, suave y luminosa.",
+			"application": "Aplicar antes de hacer ejercicio y después de ducharse. Indicada para todo tipo de piel",
 			"actives": [
 				"Cafeína",
 				"Centella asiática",

index.html

@@ -36,21 +36,21 @@
         </div>
         <div>
           <div class="row">
-            <div class="col s6">
+            <div class="col s6 center-align">
               <image src="images/pure.png" width="124"/>
               <p>Principios activos seleccionados de máximo grado de pureza.</p>
             </div>
-            <div class="col s6">
+            <div class="col s6 center-align">
               <image src="images/application.png" width="124" />
               <p>Formulaciones únicas, concebidas en combinación con técnicas de aplicación sinérgica, que aportan resultados inmediatos y duraderos.</p>
             </div>
           </div>
           <div class="row">
-            <div class="col s6">
+            <div class="col s6 center-align">
               <image src="images/science.png" width="124"/>
               <p>Vehículos especializados para preservar la integridad de las fórmulas y evitar procesos de sensibilización.</p>
             </div>
-            <div class="col s6">
+            <div class="col s6 center-align">
               <image src="images/certification.png" width="124" />
               <p>Estrictos controles bajo normas de calidad internacional GMP son garantía de los productos ESPECIFICOS Buenos Aires.</p>
             </div>
@@ -60,105 +60,6 @@
     </section>
 
     <section id="vademecum"></section>
-
-    <!-- <table>
-      <thead>
-        <tr>
-          <th>
-            <h2>Contacto</h2>
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>
-          <div class="contact-container">
-            <h3>En Argentina</h3>
-            <div class="contact-body">
-              <div class="section-container">
-                <h4 class="section-name">
-                  Dirección
-                </h4>
-                <p class="section-body">
-                  Leopoldo Marechal 914, Ciudad Autónoma de Buenos Aires
-                </p>
-              </div>
-              <div class="section-container">
-                <h4 class="section-name">
-                  Telefono
-                </h4>
-                <p class="section-body">
-                  (+5411) 4139-6860/1
-                </p>
-              </div>
-              <div class="section-container">
-                <h4 class="section-name">
-                  Email
-                </h4>
-                <p class="section-body">
-                  consultas@especificosba.com.ar
-                </p>
-              </div>
-            </div>
-          </div>
-        </td></tr>
-
-        <tr><td>
-          <div class="contact-container">
-            <h3>En México</h3>
-            <div class="contact-body">
-              <div class="section-container">
-                <h4 class="section-name">
-                  Teléfono
-                </h4>
-                <p class="section-body">
-                  (+5255)4170-8856
-                </p>
-              </div>
-              <div class="section-container">
-                <h4 class="section-name">
-                  Email
-                </h4>
-                <p class="section-body">
-                  contactos@skin-connect.com.mx
-                </p>
-              </div>
-            </div>
-          </div>
-        </td></tr>
-        <tr><td>
-          <div class="contact-container">
-            <h3>En Ecuador</h3>
-            <div class="contact-body">
-              <div class="section-container">
-                <h4 class="section-name">
-                  Dirección
-                </h4>
-                <p class="section-body">
-                  Luis Cordero 1254, Cuenca, Azuay
-                </p>
-              </div>
-              <div class="section-container">
-                <h4 class="section-name">
-                  Teléfono
-                </h4>
-                <p class="section-body">
-                  (+593)07283-5550
-                  (+593)07284-1207
-                </p>
-              </div>
-              <div class="section-container">
-                <h4 class="section-name">
-                  Email
-                </h4>
-                <p class="section-body">
-                  casamonickaventas@yahoo.com
-                </p>
-              </div>
-            </div>
-          </div>
-        </td></tr>
-      </tbody> 
-    </table> -->
     <!-- Load React. -->
     <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
     <script src="js/react.production.min.js"></script>

js/vademecum.js

@@ -100,7 +100,6 @@ const Product = (product, key) => (
         )
       }
     </div>
-    <div className="divider"></div>
   </div>
 );
 

lib/vademecum.js

@@ -93,9 +93,7 @@ var Product = function Product(product, key) {
     lang: "es"
   }, product.shortDesc)))), dom("div", null, Section('Descripción', product.fullDesc), product.application && Section('Aplicación', product.application), product.actives && Section('', product.actives.map(function (p) {
     return Tag(p);
-  }), product.ph && Tag("PH ".concat(product.ph), null, 'is-ph'))), dom("div", {
-    className: "divider"
-  }));
+  }), product.ph && Tag("PH ".concat(product.ph), null, 'is-ph'))));
 };
 
 var Category = function Category(category, products, prices) {

pdf-maker.js

@@ -10,8 +10,7 @@ const puppeteer = require('puppeteer');
       height: '1450',
       printBackground: true,
       margin: {
-        top: '16px',
-        bottom: '16px'
+        top: '32px'
       }
     });
     // displayHeaderFooter