Cambios en diseño

common/Controller/Web/Nosotros.php

@@ -13,7 +13,22 @@ class Nosotros {
       'nosotros.json'
     ]);
     $nosotros = json_decode(trim(file_get_contents($filename)));
-    $nosotros = $this->str_split_unicode($nosotros, strlen($nosotros) / 2, '-');
+    $min = 200;
+    $max_phrase = 50;
+    if (strlen($nosotros) > $min) {
+      $half = strlen($nosotros) / 2;
+      $pos = strpos($nosotros, '.', $half);
+      if ($pos > $half + $max_phrase) {
+        $pos = strrpos($nosotros, '.', -$half);
+      }
+      $nosotros = $this->str_split_unicode($nosotros, $pos, '-');
+      if (count($nosotros) > 2) {
+        $s1 = array_shift($nosotros);
+        $nosotros = [$s1, implode('', $nosotros)];
+      }
+    } else {
+      $nosotros = [$nosotros];
+    }
     return $view->render($response, 'nosotros', compact('nosotros'));
   }
   protected function str_split_unicode($str, $l = 0) {

public/assets/styles/faqs.css

@@ -1,3 +1,5 @@
 #faq { background-color: #a7a9ab; color: white; padding-top: 3rem; padding-bottom: 4rem; }
 
 #faq .header, #faq .title, #faq .content { color: inherit; }
+
+#faq .accordion { font-size: 1.2rem; }

public/assets/styles/main.css

@@ -20,7 +20,7 @@ header .menu { margin-top: 0 !important; margin-bottom: 0 !important; }
 
 header .menu .logo { font-size: 2rem; font-weight: 900; }
 
-header .menu #productos_menu .menu { border: none; box-shadow: none; }
+header .menu #productos_menu .menu { border: thin solid white; box-shadow: none; }
 
 header .menu #productos_menu .menu .item:hover { background-color: #a7a9ab !important; }
 

public/assets/styles/producto.css

@@ -38,7 +38,7 @@
 
 #producto #datos .tabular .item:last-child { margin-left: 1rem; }
 
-#producto #datos .segment { border: none !important; }
+#producto #datos .segment { border: none !important; background-color: #808284; color: white; }
 
 #producto #datos .segment .informacion .row { border-bottom: thin dotted white; }
 

resources/assets/sass/faqs.scss

@@ -10,4 +10,7 @@
   .header, .title, .content {
     color: inherit;
   }
+  .accordion {
+    font-size: 1.2rem;
+  }
 }

resources/assets/sass/main.scss

@@ -44,7 +44,7 @@ header {
     }
 
     #productos_menu .menu {
-      border: none;
+      border: thin solid white;
       box-shadow: none;
 
       .item:hover {

resources/assets/sass/producto.scss

@@ -90,6 +90,8 @@
     }
     .segment {
       border: none !important;
+      background-color: $gris-oscuro;
+      color: white;
 
       .informacion {
         .row {