Se arregla las imagenes para que se vean iguales

.gitignore

@@ -4,10 +4,11 @@ composer.lock
 
 # Environment
 .env
-/config/env/
+/bootstrap/env/
 
 # Blade
 /cache/
 
 # Uploads
 /public/uploads/
+/resources/data/

bootstrap/app.php

@@ -0,0 +1,57 @@
+<?php
+use DI\ContainerBuilder as Builder;
+use DI\Bridge\Slim\Bridge;
+
+require_once 'composer.php';
+
+$builder = new Builder();
+
+$folders = [
+  'base',
+  'env'
+];
+
+if (isset($__environment)) {
+  $folders []= $__environment;
+}
+
+$files = [
+  'config',
+  'setup'
+];
+
+foreach ($files as $file) {
+  foreach ($folders as $folder) {
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      __DIR__,
+      $folder,
+      $file . '.php'
+    ]);
+    if (!file_exists($filename)) {
+      continue;
+    }
+    $builder->addDefinitions($filename);
+  }
+}
+
+$container = $builder->build();
+$container->set('env', $__environment);
+$app = Bridge::create($container);
+$app->setBasePath($container->get('base_url'));
+
+foreach ($folders as $folder) {
+  $filename = implode(DIRECTORY_SEPARATOR, [
+    __DIR__,
+    $folder,
+    'middleware.php'
+  ]);
+  if (!file_exists($filename)) {
+    continue;
+  }
+  include_once $filename;
+}
+
+include_once implode(DIRECTORY_SEPARATOR, [
+  $container->get('folders.routes'),
+  'router.php'
+]);

bootstrap/base/config.php

@@ -0,0 +1,9 @@
+<?php
+return [
+  'language' => 'es',
+  'folders.base' => dirname(__DIR__, 2),
+  'folders.resources' => DI\string(implode(DIRECTORY_SEPARATOR, ['{folders.base}', 'resources'])),
+  'folders.routes' => DI\string(implode(DIRECTORY_SEPARATOR, ['{folders.resources}', 'routes'])),
+  'folders.data' => DI\string(implode(DIRECTORY_SEPARATOR, ['{folders.resources}', 'data'])),
+  'folders.public' => DI\string(implode(DIRECTORY_SEPARATOR, ['{folders.base}', 'public']))
+];

bootstrap/composer.php

@@ -0,0 +1,6 @@
+<?php
+require_once implode(DIRECTORY_SEPARATOR, [
+  dirname(__DIR__),
+  'vendor',
+  'autoload.php'
+]);

bootstrap/web/config.php

@@ -0,0 +1,29 @@
+<?php
+return [
+  'folders.templates' => DI\string(implode(DIRECTORY_SEPARATOR, [
+    '{folders.resources}',
+    'views'
+  ])),
+  'folders.cache' => DI\string(implode(DIRECTORY_SEPARATOR, [
+    '{folders.base}',
+    'cache'
+  ])),
+  'urls.assets' => DI\string(implode('/', [
+    '{urls.base}',
+    'assets'
+  ])),
+  'urls.styles' => DI\string(implode('/', [
+    '{urls.assets}',
+    'styles'
+  ])),
+  'urls.scripts' => DI\string(implode('/', [
+    '{urls.assets}',
+    'scripts'
+  ])),
+  'file.visits' => DI\string(implode(DIRECTORY_SEPARATOR, [
+    '{folders.data}',
+    'visitas.json'
+  ])),
+  'visits.time' => 12 * 60 * 60,
+  'urls.indicadores' => 'https://mindicador.cl/api'
+];

bootstrap/web/middleware.php

@@ -0,0 +1,3 @@
+<?php
+// Global visit counter
+//$app->add(new ProVM\KI\Common\Middleware\Visits($app->getContainer()->get('file.visits'), $app->getContainer()->get('visits.time')));

bootstrap/web/setup.php

@@ -0,0 +1,76 @@
+<?php
+use Psr\Container\ContainerInterface as Container;
+use Carbon\Carbon;
+
+return [
+  'urls' => function(Container $c) {
+    return (object) [
+      'base' => $c->get('base_url'),
+      'facebook' => '',
+      'linkedin' => '',
+      'twitter' => '',
+      'youtube' => '',
+      'assets' => $c->get('urls.assets'),
+      'images' => implode('/', [$c->get('urls.assets'), 'images']),
+      'styles' => $c->get('urls.styles'),
+      'scripts' => $c->get('urls.scripts')
+    ];
+  },
+  'assets' => function(Container $c) {
+    return (object) [
+      'styles' => [
+        'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/semantic.min.css',
+        implode(DIRECTORY_SEPARATOR, [
+          $c->get('urls.styles'),
+          'main.css'
+        ])
+      ],
+      'fonts' => [
+        'text/css' => [
+          'https://fonts.googleapis.com/css2?family=Roboto&display=swap',
+          'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/brand-icons.woff',
+          'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/brand-icons.woff2',
+          'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/icons.woff',
+          'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/icons.woff2',
+          'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/outline-icons.woff',
+          'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/outline-icons.woff2'
+        ]
+      ],
+      'scripts' => [
+        'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js',
+        'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/semantic.min.js'
+      ]
+    ];
+  },
+  'visitas' => function(Container $c) {
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $c->get('folders.data'),
+      'visitas.json'
+    ]);
+    $file = json_decode(trim(file_get_contents($filename)));
+    return $file->visits;
+  },
+  Slim\Views\Blade::class => function(Container $c) {
+    return new Slim\Views\Blade(
+      $c->get('folders.templates'),
+      $c->get('folders.cache'),
+      null,
+      [
+        'page_language' => $c->get('language'),
+        'urls' => $c->get('urls'),
+        'assets' => $c->get('assets'),
+        'header' => (object) [
+          'fecha' => ucwords(Carbon::today()->locale('es')->isoFormat('D MMMM YYYY')),
+          'hora' => Carbon::now()->format('H:i a'),
+          'uf' => $c->get('ProVM\KI\Common\Service\Indicadores')->get('uf', Carbon::today())->valor
+        ],
+        'footer' => (object) [
+          'visitas' => $c->get('visitas')
+        ]
+      ]
+    );
+  },
+  ProVM\KI\Common\Service\Indicadores::class => function(Container $c) {
+    return new ProVM\KI\Common\Service\Indicadores($c->get('urls.indicadores'));
+  }
+];

common/Controller/Web/Base.php

@@ -0,0 +1,38 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Container\ContainerInterface as Container;
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+use Carbon\Carbon;
+
+class Base {
+  public function __invoke(Request $request, Response $response, View $view, Container $container) {
+    $aviso = true;
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'avisos.json'
+    ]);
+    $avisos = json_decode(trim(file_get_contents($filename)));
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'destacados.json'
+    ]);
+    $destacados = json_decode(trim(file_get_contents($filename)));
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'segmentos.json'
+    ]);
+    $segmentos = json_decode(trim(file_get_contents($filename)));
+    array_walk($segmentos, function(&$item) use ($container) {
+      if (!isset($item->imagen)) {
+        $item->imagen = '<div class="ui placeholder"><div class="square image"></div></div>';
+        return;
+      }
+      $item->imagen = '<img src="' . $container->get('urls')->images . '/' . $item->imagen . '" />';
+    });
+    $indicadores = ['uf' => 'UF', 'euro' => 'Euro', 'imacec' => 'IMACEC', 'dolar' => 'USD', 'ipc' => 'IPC', 'utm' => 'UTM', 'bitcoin' => 'BitCoin', 'libra_cobre' => 'Lb. Cu'];
+    return $view->render($response, 'home', compact('aviso', 'avisos', 'destacados', 'segmentos', 'indicadores'));
+  }
+}

common/Controller/Web/Contacto.php

@@ -0,0 +1,12 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+
+class Contacto {
+  public function __invoke(Request $request, Response $response, View $view) {
+    return $view->render($response, 'contacto');
+  }
+}

common/Controller/Web/Faq.php

@@ -0,0 +1,12 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+
+class Faq {
+  public function __invoke(Request $request, Response $response, View $view) {
+    return $view->render($response, 'faq');
+  }
+}

common/Controller/Web/Indicadores.php

@@ -0,0 +1,23 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Container\ContainerInterface as Container;
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Carbon\Carbon;
+use ProVM\KI\Common\Service\Indicadores as Service;
+
+class Indicadores {
+  public function get(Request $request, Response $response, Container $container, Service $service, $indicador) {
+    $valor = $service->get($indicador, Carbon::today());
+
+    $output = [
+      'sim' => $indicador,
+      'valor' => $valor,
+    ];
+    $response->getBody()->write(json_encode($output));
+    return $response
+      ->withHeader('Content-Type', 'application/json')
+      ->withStatus(201);
+  }
+}

common/Controller/Web/Nosotros.php

@@ -0,0 +1,12 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+
+class Nosotros {
+  public function __invoke(Request $request, Response $response, View $view) {
+    return $view->render($response, 'nosotros');
+  }
+}

common/Controller/Web/Proyectos.php

@@ -0,0 +1,117 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Container\ContainerInterface as Container;
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+
+class Proyectos {
+  public function __invoke(Request $request, Response $response, Container $container, View $view): Response {
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'segmentos.json'
+    ]);
+    $segmentos = json_decode(trim(file_get_contents($filename)));
+    return $view->render($response, 'proyectos.list', compact('segmentos'));
+  }
+  public function show(Request $request, Response $response, Container $container, View $view, $proyecto): Response {
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'proyectos.json'
+    ]);
+    $proyectos = json_decode(trim(file_get_contents($filename)));
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'destacados.json'
+    ]);
+    $destacados = json_decode(trim(file_get_contents($filename)));
+    $destacado = false;
+    if (array_search($proyecto, $destacados) !== false) {
+      $destacado = true;
+    }
+    $id = $proyecto;
+    $proyecto = $proyectos[$proyecto];
+    $proyecto->destacado = $destacado;
+    $proyecto->id = $id;
+    $folder = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.public'),
+      'assets',
+      'images',
+      mb_strtolower($proyecto->edificio)
+    ]);
+    $files = new \DirectoryIterator($folder);
+    $proyecto->images = [];
+    foreach ($files as $file) {
+      if ($file->isDir()) {
+        continue;
+      }
+      $proyecto->images []= $file->getFilename();
+    }
+    return $view->render($response, 'proyectos.show', compact('proyecto'));
+  }
+  public function segmento(Request $request, Response $response, Container $container, $segmento): Response {
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'proyectos.json'
+    ]);
+    $proyectos = json_decode(trim(file_get_contents($filename)));
+    if ($segmento != 'todo') {
+      $proyectos = array_filter($proyectos, function($item) use ($segmento) {
+        return (str_replace(' ', '_', mb_strtolower($item->segmento)) == $segmento);
+      });
+    }
+    $output = [
+      'information' => [
+        'segmento' => $segmento
+      ],
+      'proyectos' => array_keys($proyectos)
+    ];
+    $response->getBody()->write(json_encode($output));
+    return $response
+      ->withHeader('Content-Type', 'application/json')
+      ->withStatus(201);
+  }
+  public function destacados(Request $request, Response $response, Container $container, $page): Response {
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'destacados.json'
+    ]);
+    $destacados = json_decode(trim(file_get_contents($filename)));
+    $max = ceil(count($destacados) / 4);
+    $output = [
+      'information' => [
+        'page' => $page
+      ],
+      'destacados' => []
+    ];
+    for ($i = ($page - 1) * 4; $i < $page * 4; $i ++) {
+      $output['destacados'] []= $destacados[$i];
+    }
+    $response->getBody()->write(json_encode($output));
+    return $response
+      ->withHeader('Content-Type', 'application/json')
+      ->withStatus(201);
+  }
+  public function ficha(Request $request, Response $response, Container $container, View $view, $proyecto): Response {
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'proyectos.json'
+    ]);
+    $proyectos = json_decode(trim(file_get_contents($filename)));
+    $filename = implode(DIRECTORY_SEPARATOR, [
+      $container->get('folders.data'),
+      'destacados.json'
+    ]);
+    $destacados = json_decode(trim(file_get_contents($filename)));
+    $destacado = false;
+    if (array_search($proyecto, $destacados) !== false) {
+      $destacado = true;
+    }
+    $id = $proyecto;
+    $proyecto = $proyectos[$proyecto];
+    $proyecto->destacado = $destacado;
+    $proyecto->id = $id;
+    return $view->render($response, 'proyectos.ficha', compact('proyecto'));
+  }
+}

common/Middleware/Visits.php

@@ -0,0 +1,56 @@
+<?php
+namespace ProVM\KI\Common\Middleware;
+
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Server\RequestHandlerInterface as Handler;
+use Psr\Http\Message\ResponseInterface as Response;
+use Carbon\Carbon;
+
+class Visits {
+  protected $filename;
+  protected $time;
+  public function __construct(string $filename, int $visit_time) {
+    $this->filename = $filename;
+    $this->time = $visit_time;
+  }
+  public function __invoke(Request $request, Handler $handler): Response {
+    $params = $request->getServerParams();
+    $ip = $params['REMOTE_ADDR'];
+    $fwd = 0;
+    $login = Carbon::now();
+    if (isset($params['HTTP_X_FORWARDED_FOR'])) {
+      $fwd = $params['HTTP_X_FORWARDED_FOR'];
+    }
+    if (!file_exists($this->filename)) {
+      $file = (object) [
+        'visits' => 0,
+        'ips' => []
+      ];
+    } else {
+      $file = json_decode(trim(file_get_contents($this->filename)));
+    }
+    $found = false;
+    foreach ($file->ips as $i => $ipd) {
+      if ($ipd->ip == $ip and $ipd->fwd == $fwd) {
+        $t = Carbon::parse($ipd->time);
+        if ($t->diffInSeconds($login) > $this->time) {
+          $file->ips[$i]->time = $login->format('Y-m-d H:i:s');
+          $file->visits ++;
+        }
+        $found = true;
+        break;
+      }
+    }
+    if (!$found) {
+      $file->ips []= (object) [
+        'ip' => $ip,
+        'fwd' => $fwd,
+        'time' => $login->format('Y-m-d H:i:s')
+      ];
+      $file->visits ++;
+    }
+    file_put_contents($this->filename, json_encode($file, \JSON_PRETTY_PRINT));
+    $response = $handler->handle($request);
+    return $response;
+  }
+}

common/Service/Indicadores.php

@@ -0,0 +1,57 @@
+<?php
+namespace ProVM\KI\Common\Service;
+
+use GuzzleHttp\Client;
+use Carbon\Carbon;
+
+class Indicadores {
+  //protected $cliente;
+  protected $base_uri;
+
+  public function __construct(string $indicadores_url) {
+    $this->base_uri = $indicadores_url;
+  }
+  public function get(string $indicador, \DateTime $fecha) {
+    $url = implode('/', [
+      $this->base_uri,
+      $indicador,
+      $fecha->format('Y')
+    ]);
+    if ( ini_get('allow_url_fopen') ) {
+      $json = file_get_contents($url);
+    } else {
+      $curl = curl_init($url);
+      curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
+      $json = curl_exec($curl);
+      curl_close($curl);
+    }
+    $data = json_decode($json);
+    $output = (object) [
+      'valor' => 0,
+      'fecha' => $fecha->format('d-m-Y')
+    ];
+    if (isset($data->serie[0])) {
+      $n = 0;
+      foreach ($data->serie as $i => $d) {
+        if (Carbon::parse($d->fecha)->format('d-m-Y') == $fecha->format('d-m-Y')) {
+          $n = $i;
+          break;
+        }
+      }
+      $output->fecha = Carbon::parse($data->serie[$n]->fecha)->format('d-m-Y');
+      $output->valor = $data->serie[$n]->valor;
+      switch ($data->unidad_medida) {
+        case 'Pesos':
+          $output->valor = '$ ' . number_format($output->valor, 2, ',', '.');
+          break;
+        case 'Porcentaje':
+          $output->valor = number_format($output->valor, 2, ',', '.') . '%';
+          break;
+        case 'Dólar':
+          $output->valor = 'US$ ' . number_format($output->valor, 2, ',', '.');
+          break;
+      }
+    }
+    return $output;
+  }
+}

composer.json

@@ -0,0 +1,33 @@
+{
+    "name": "provm/capitalinvestments",
+    "description": "Web para Capital Investments",
+    "type": "project",
+    "require": {
+        "slim/slim": "^4.5",
+        "php-di/slim-bridge": "^3.0",
+        "rubellum/slim-blade-view": "^0.1.1",
+        "nyholm/psr7": "^1.2",
+        "nyholm/psr7-server": "^0.4.1",
+        "nesbot/carbon": "^2.32",
+        "guzzlehttp/guzzle": "^6.5"
+    },
+    "require-dev": {
+        "phpunit/phpunit": "^8.5",
+        "kint-php/kint": "^3.3",
+        "zeuxisoo/slim-whoops": "^0.7.2",
+        "joshtronic/php-loremipsum": "^1.0"
+    },
+    "license": "UNLICENSED",
+    "authors": [
+        {
+            "name": "Aldarien",
+            "email": "aldarien85@gmail.com"
+        }
+    ],
+    "autoload": {
+      "psr-4": {
+        "ProVM\\KI\\Common\\": "common",
+        "ProVM\\KI\\": "src"
+      }
+    }
+}

public/.htaccess

@@ -0,0 +1,4 @@
+RewriteEngine On
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^ index.php [QSA,L]

public/assets/styles/faqs.css

@@ -0,0 +1,14 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/faqs.scss */
+#faq {
+  background-color: #5d5d5d;
+  color: white;
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+}
+
+/* line 8, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/faqs.scss */
+#faq .header, #faq .title, #faq .content {
+  color: inherit;
+}
+
+/*# sourceMappingURL=faqs.css.map */

public/assets/styles/faqs.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "faqs.css",
+	"sources": [
+		"../../../resources/assets/sass/faqs.scss"
+	],
+	"sourcesContent": [
+		"#faq {\r\n  background-color: #5d5d5d;\r\n  color: white;\r\n\r\n  padding-top: 3rem;\r\n  padding-bottom: 4rem;\r\n\r\n  .header, .title, .content {\r\n    color: inherit;\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": ";AAAA,AAAA,IAAI,CAAC;EACH,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EAEZ,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CAKrB;;;AAVD,AAOE,IAPE,CAOF,OAAO,EAPT,IAAI,CAOO,MAAM,EAPjB,IAAI,CAOe,QAAQ,CAAC;EACxB,KAAK,EAAE,OAAO;CACf"
+}

public/assets/styles/home.css

@@ -0,0 +1,181 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+.header {
+  color: inherit !important;
+  font-family: inherit !important;
+}
+
+/* line 6, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#banner {
+  padding-top: 12rem;
+  padding-bottom: 12rem;
+  background-color: rgba(0, 0, 0, 0.6);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 1920px auto;
+  background-blend-mode: multiply;
+}
+
+/* line 15, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#banner #mensaje {
+  margin-bottom: 2rem;
+  color: white;
+  font-weight: 300;
+  font-size: 1.6rem;
+}
+
+/* line 21, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#banner #mensaje .header {
+  font-weight: 900 !important;
+  font-size: 1.9rem;
+}
+
+/* line 26, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#banner .button {
+  font-family: inherit;
+  font-weight: 900;
+}
+
+/* line 32, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#aviso {
+  color: white;
+  background-color: #429ab7;
+  padding-top: 5rem;
+  padding-bottom: 3rem;
+  font-size: 1.6rem;
+  font-weight: 300;
+}
+
+/* line 40, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#aviso .header {
+  font-weight: 900;
+}
+
+/* line 45, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados {
+  padding-top: 3rem;
+  padding-bottom: 5rem;
+  background-color: #a7a9ab;
+  min-height: 40rem;
+}
+
+/* line 51, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .header {
+  color: #0d103c !important;
+  font-weight: 600;
+}
+
+/* line 55, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .titulo {
+  font-size: 1.6rem;
+  font-weight: 900;
+  padding-bottom: 1rem;
+}
+
+/* line 60, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .ficha {
+  border-radius: 0;
+  border: 0;
+  box-shadow: none !important;
+}
+
+/* line 66, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .ficha .content .segment {
+  background-color: #e6e6e7 !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+  font-weight: 300;
+}
+
+/* line 72, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .ficha .content .button {
+  font-family: inherit !important;
+  font-weight: 900;
+  padding-top: 0.3rem !important;
+  padding-bottom: 0.3rem !important;
+  background-color: #0d103c !important;
+}
+
+/* line 80, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .ficha .image {
+  overflow: hidden;
+}
+
+/* line 83, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .ficha .overlay {
+  background-color: #0d103c;
+  color: white;
+  opacity: 0.8;
+  text-align: center;
+  position: absolute;
+  z-index: 999;
+  top: 1.9rem;
+  right: -2.2rem;
+  width: 10rem;
+  padding-top: .3rem;
+  padding-bottom: .3rem;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+/* line 102, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#destacados .active {
+  font-weight: 900;
+}
+
+/* line 107, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#segmentos {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+/* line 113, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#segmentos .grid .basic.segment .header {
+  margin-top: 1rem;
+}
+
+/* line 120, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#resumen {
+  background-position: center;
+  background-position-y: -60rem;
+  background-repeat: no-repeat;
+  background-size: 2600px auto;
+  min-height: 20rem;
+  padding-top: 3rem;
+}
+
+/* line 128, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#resumen .inverted.circular.segment {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+/* line 133, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#indicadores {
+  background-color: #bbbdc0;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  min-height: 5rem;
+}
+
+/* line 139, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#indicadores .slideshow {
+  overflow: hidden;
+  height: 6rem;
+}
+
+/* line 143, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/home.scss */
+#indicadores .slideshow .slide {
+  display: inline-block;
+  float: left;
+  background-color: white;
+  padding: 0;
+  margin: 1rem;
+  width: 8rem !important;
+  padding-top: .5rem;
+  padding-bottom: .5rem;
+  text-align: center;
+}
+
+/*# sourceMappingURL=home.css.map */

public/assets/styles/home.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["../../../resources/assets/sass/home.scss"],
+"names": [],
+"file": "home.css"
+}

public/assets/styles/home.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "home.css",
+	"sources": [
+		"../../../resources/assets/sass/home.scss"
+	],
+	"sourcesContent": [
+		".header {\r\n  color: inherit !important;\r\n  font-family: inherit !important;\r\n}\r\n\r\n#banner {\r\n  padding-top: 12rem;\r\n  padding-bottom: 12rem;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  background-size: 1920px auto;\r\n  background-blend-mode: multiply;\r\n\r\n  #mensaje {\r\n    margin-bottom: 2rem;\r\n    color: white;\r\n    font-weight: 300;\r\n    font-size: 1.6rem;\r\n\r\n    .header {\r\n      font-weight: 900 !important;\r\n      font-size: 1.9rem;\r\n    }\r\n  }\r\n  .button {\r\n    font-family: inherit;\r\n    font-weight: 900;\r\n  }\r\n}\r\n\r\n#aviso {\r\n  color: white;\r\n  background-color: #429ab7;\r\n  padding-top: 5rem;\r\n  padding-bottom: 3rem;\r\n  font-size: 1.6rem;\r\n  font-weight: 300;\r\n\r\n  .header {\r\n    font-weight: 900;\r\n  }\r\n}\r\n\r\n#destacados {\r\n  padding-top: 3rem;\r\n  padding-bottom: 5rem;\r\n  background-color: #a7a9ab;\r\n  min-height: 40rem;\r\n\r\n  .header {\r\n    color: #0d103c !important;\r\n    font-weight: 600;\r\n  }\r\n  .titulo {\r\n    font-size: 1.6rem;\r\n    font-weight: 900;\r\n    padding-bottom: 1rem;\r\n  }\r\n  .ficha {\r\n    border-radius: 0;\r\n    border: 0;\r\n    box-shadow: none !important;\r\n\r\n    .content {\r\n      .segment {\r\n        background-color: #e6e6e7 !important;\r\n        padding-top: 0 !important;\r\n        padding-bottom: 0 !important;\r\n        font-weight: 300;\r\n      }\r\n      .button {\r\n        font-family: inherit !important;\r\n        font-weight: 900;\r\n        padding-top: 0.3rem !important;\r\n        padding-bottom: 0.3rem !important;\r\n        background-color: #0d103c !important;\r\n      }\r\n    }\r\n    .image {\r\n      overflow: hidden;\r\n    }\r\n    .overlay {\r\n      background-color: #0d103c;\r\n      color: white;\r\n      opacity: 0.8;\r\n      text-align: center;\r\n      position: absolute;\r\n      z-index: 999;\r\n      top: 1.9rem;\r\n      right: -2.2rem;\r\n      width: 10rem;\r\n      padding-top: .3rem;\r\n      padding-bottom: .3rem;\r\n      -webkit-transform: rotate(45deg);\r\n      -moz-transform: rotate(45deg);\r\n      -ms-transform: rotate(45deg);\r\n      -o-transform: rotate(45deg);\r\n      transform: rotate(45deg);\r\n    }\r\n  }\r\n  .active {\r\n    font-weight: 900;\r\n  }\r\n}\r\n\r\n#segmentos {\r\n  padding-top: 4rem;\r\n  padding-bottom: 4rem;\r\n\r\n  .grid {\r\n    .basic.segment {\r\n      .header {\r\n        margin-top: 1rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n#resumen {\r\n  background-position: center;\r\n  background-position-y: -60rem;\r\n  background-repeat: no-repeat;\r\n  background-size: 2600px auto;\r\n  min-height: 20rem;\r\n  padding-top: 3rem;\r\n\r\n  .inverted.circular.segment {\r\n    background-color: rgba(0, 0, 0, 0.8);\r\n  }\r\n}\r\n\r\n#indicadores {\r\n  background-color: #bbbdc0;\r\n  padding-top: 1rem;\r\n  padding-bottom: 1rem;\r\n  min-height: 5rem;\r\n\r\n  .slideshow {\r\n    overflow: hidden;\r\n    height: 6rem;\r\n\r\n    .slide {\r\n      display: inline-block;\r\n      float: left;\r\n      background-color: white;\r\n      padding: 0;\r\n      margin: 1rem;\r\n      width: 8rem !important;\r\n      padding-top: .5rem;\r\n      padding-bottom: .5rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": "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"
+}

public/assets/styles/main.css

@@ -0,0 +1,112 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+body {
+  font-family: Roboto, sans-serif !important;
+}
+
+/* line 5, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+.brand {
+  color: #000070 !important;
+}
+
+/* line 8, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+.inverted.brand {
+  background-color: #000070 !important;
+  color: white !important;
+}
+
+/* line 12, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+.button.brand {
+  box-shadow: none !important;
+}
+
+/* line 16, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+.title.image {
+  width: 15rem;
+}
+
+/* line 21, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+header #franja {
+  background-color: #707070;
+  color: white !important;
+}
+
+/* line 25, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+header #franja .menu {
+  color: inherit !important;
+}
+
+/* line 28, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+header #franja .menu .spacer {
+  width: 3rem;
+}
+
+/* line 31, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+header #franja .menu .input {
+  height: 1.3rem !important;
+}
+
+/* line 36, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+header .menu {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+/* line 40, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+header .menu .logo {
+  font-size: 2rem;
+  font-weight: 900;
+}
+
+/* line 47, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+a {
+  color: inherit !important;
+}
+
+/* line 51, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+.menu {
+  font-family: inherit !important;
+}
+
+/* line 54, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+.item {
+  font-family: inherit !important;
+  color: inherit !important;
+}
+
+/* line 59, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+#contacto {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+/* line 63, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+#contacto .header {
+  color: #0d103c !important;
+  font-weight: 900;
+}
+
+/* line 67, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+#contacto .form .button {
+  background-color: #429ab7;
+  color: white;
+}
+
+/* line 73, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+footer {
+  background-color: #429ab7;
+  color: white;
+  margin: 0;
+}
+
+/* line 78, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+footer .menu {
+  margin: 0 !important;
+}
+
+/* line 81, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/main.scss */
+footer .menu .label {
+  background-color: white !important;
+  color: #429ab7 !important;
+}
+
+/*# sourceMappingURL=main.css.map */

public/assets/styles/main.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,IAAK;EACH,WAAW,EAAE,6BAA6B;;AAG5C,MAAO;EACL,KAAK,EAAE,kBAAkB;;AAE3B,eAAgB;EACd,gBAAgB,EAAE,kBAAkB;EACpC,KAAK,EAAE,gBAAgB;;AAEzB,aAAc;EACZ,UAAU,EAAE,eAAe;;AAG7B,YAAa;EACX,KAAK,EAAE,KAAK;;AAIZ,cAAQ;EACN,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,gBAAgB;EAEvB,oBAAM;IACJ,KAAK,EAAE,kBAAkB;IAEzB,4BAAQ;MACN,KAAK,EAAE,IAAI;IAEb,2BAAO;MACL,MAAM,EAAE,iBAAiB;AAI/B,YAAM;EACJ,UAAU,EAAE,YAAY;EACxB,aAAa,EAAE,YAAY;EAE3B,kBAAM;IACJ,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,GAAG;;AAKtB,CAAE;EACA,KAAK,EAAE,kBAAkB;;AAG3B,KAAM;EACJ,WAAW,EAAE,kBAAkB;;AAEjC,KAAM;EACJ,WAAW,EAAE,kBAAkB;EAC/B,KAAK,EAAE,kBAAkB;;AAG3B,SAAU;EACR,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;EAEpB,iBAAQ;IACN,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,GAAG;EAElB,uBAAc;IACZ,gBAAgB,EAAE,OAAO;IACzB,KAAK,EAAE,KAAK;;AAIhB,MAAO;EACL,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,CAAC;EAET,YAAM;IACJ,MAAM,EAAE,YAAY;IAEpB,mBAAO;MACL,gBAAgB,EAAE,gBAAgB;MAClC,KAAK,EAAE,kBAAkB",
+"sources": ["../../../resources/assets/sass/main.scss"],
+"names": [],
+"file": "main.css"
+}

public/assets/styles/main.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "main.css",
+	"sources": [
+		"../../../resources/assets/sass/main.scss"
+	],
+	"sourcesContent": [
+		"body {\r\n  font-family: Roboto, sans-serif !important;\r\n}\r\n\r\n.brand {\r\n  color: #000070 !important;\r\n}\r\n.inverted.brand {\r\n  background-color: #000070 !important;\r\n  color: white !important;\r\n}\r\n.button.brand {\r\n  box-shadow: none !important;\r\n}\r\n\r\n.title.image {\r\n  width: 15rem;\r\n}\r\n\r\nheader {\r\n  #franja {\r\n    background-color: #707070;\r\n    color: white !important;\r\n\r\n    .menu {\r\n      color: inherit !important;\r\n\r\n      .spacer {\r\n        width: 3rem;\r\n      }\r\n      .input {\r\n        height: 1.3rem !important;\r\n      }\r\n    }\r\n  }\r\n  .menu {\r\n    margin-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n\r\n    .logo {\r\n      font-size: 2rem;\r\n      font-weight: 900;\r\n    }\r\n  }\r\n}\r\n\r\na {\r\n  color: inherit !important;\r\n}\r\n\r\n.menu {\r\n  font-family: inherit !important;\r\n}\r\n.item {\r\n  font-family: inherit !important;\r\n  color: inherit !important;\r\n}\r\n\r\n#contacto {\r\n  padding-top: 3rem;\r\n  padding-bottom: 3rem;\r\n\r\n  .header {\r\n    color: #0d103c !important;\r\n    font-weight: 900;\r\n  }\r\n  .form .button {\r\n    background-color: #429ab7;\r\n    color: white;\r\n  }\r\n}\r\n\r\nfooter {\r\n  background-color: #429ab7;\r\n  color: white;\r\n  margin: 0;\r\n\r\n  .menu {\r\n    margin: 0 !important;\r\n\r\n    .label {\r\n      background-color: white !important;\r\n      color: #429ab7 !important;\r\n    }\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": ";AAAA,AAAA,IAAI,CAAC;EACH,WAAW,EAAE,6BAA6B;CAC3C;;;AAED,AAAA,MAAM,CAAC;EACL,KAAK,EAAE,kBAAkB;CAC1B;;;AACD,AAAA,SAAS,AAAA,MAAM,CAAC;EACd,gBAAgB,EAAE,kBAAkB;EACpC,KAAK,EAAE,gBAAgB;CACxB;;;AACD,AAAA,OAAO,AAAA,MAAM,CAAC;EACZ,UAAU,EAAE,eAAe;CAC5B;;;AAED,AAAA,MAAM,AAAA,MAAM,CAAC;EACX,KAAK,EAAE,KAAK;CACb;;;AAED,AACE,MADI,CACJ,OAAO,CAAC;EACN,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,gBAAgB;CAYxB;;;AAfH,AAKI,MALE,CACJ,OAAO,CAIL,KAAK,CAAC;EACJ,KAAK,EAAE,kBAAkB;CAQ1B;;;AAdL,AAQM,MARA,CACJ,OAAO,CAIL,KAAK,CAGH,OAAO,CAAC;EACN,KAAK,EAAE,IAAI;CACZ;;;AAVP,AAWM,MAXA,CACJ,OAAO,CAIL,KAAK,CAMH,MAAM,CAAC;EACL,MAAM,EAAE,iBAAiB;CAC1B;;;AAbP,AAgBE,MAhBI,CAgBJ,KAAK,CAAC;EACJ,UAAU,EAAE,YAAY;EACxB,aAAa,EAAE,YAAY;CAM5B;;;AAxBH,AAoBI,MApBE,CAgBJ,KAAK,CAIH,KAAK,CAAC;EACJ,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;CACjB;;;AAIL,AAAA,CAAC,CAAC;EACA,KAAK,EAAE,kBAAkB;CAC1B;;;AAED,AAAA,KAAK,CAAC;EACJ,WAAW,EAAE,kBAAkB;CAChC;;;AACD,AAAA,KAAK,CAAC;EACJ,WAAW,EAAE,kBAAkB;EAC/B,KAAK,EAAE,kBAAkB;CAC1B;;;AAED,AAAA,SAAS,CAAC;EACR,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CAUrB;;;AAZD,AAIE,SAJO,CAIP,OAAO,CAAC;EACN,KAAK,EAAE,kBAAkB;EACzB,WAAW,EAAE,GAAG;CACjB;;;AAPH,AAQE,SARO,CAQP,KAAK,CAAC,OAAO,CAAC;EACZ,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;CACb;;;AAGH,AAAA,MAAM,CAAC;EACL,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,CAAC;CAUV;;;AAbD,AAKE,MALI,CAKJ,KAAK,CAAC;EACJ,MAAM,EAAE,YAAY;CAMrB;;;AAZH,AAQI,MARE,CAKJ,KAAK,CAGH,MAAM,CAAC;EACL,gBAAgB,EAAE,gBAAgB;EAClC,KAAK,EAAE,kBAAkB;CAC1B"
+}

public/assets/styles/nosotros.css

@@ -0,0 +1,14 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/nosotros.scss */
+#nosotros {
+  background-color: #5d5d5d;
+  color: white;
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+}
+
+/* line 8, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/nosotros.scss */
+#nosotros .header {
+  color: inherit;
+}
+
+/*# sourceMappingURL=nosotros.css.map */

public/assets/styles/nosotros.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "nosotros.css",
+	"sources": [
+		"../../../resources/assets/sass/nosotros.scss"
+	],
+	"sourcesContent": [
+		"#nosotros {\r\n  background-color: #5d5d5d;\r\n  color: white;\r\n\r\n  padding-top: 3rem;\r\n  padding-bottom: 4rem;\r\n\r\n  .header {\r\n    color: inherit;\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": ";AAAA,AAAA,SAAS,CAAC;EACR,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EAEZ,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CAKrB;;;AAVD,AAOE,SAPO,CAOP,OAAO,CAAC;EACN,KAAK,EAAE,OAAO;CACf"
+}

public/assets/styles/proyecto.css

@@ -0,0 +1,130 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto {
+  background-color: #a7a9ab;
+  padding-bottom: 2rem;
+}
+
+/* line 5, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto .titulo {
+  color: #404041;
+  padding-bottom: 1rem;
+}
+
+/* line 7, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto .titulo .header {
+  color: #0d103c !important;
+}
+
+/* line 10, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto .titulo .direccion {
+  padding-left: 2rem;
+}
+
+/* line 13, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto .titulo .publicado {
+  padding-top: .5rem;
+}
+
+/* line 19, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #galeria {
+  padding-bottom: 4rem;
+}
+
+/* line 22, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #galeria > .image {
+  height: 53rem;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+}
+
+/* line 27, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #galeria > .image img {
+  width: 100%;
+  vertical-align: middle;
+}
+
+/* line 33, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #galeria #thumbnails {
+  padding-top: 2rem;
+}
+
+/* line 36, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #galeria #thumbnails .image {
+  height: 8rem;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+}
+
+/* line 41, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #galeria #thumbnails .image img {
+  width: 100%;
+  vertical-align: middle;
+}
+
+/* line 48, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #buscar {
+  color: #404041 !important;
+  padding-top: 2rem;
+}
+
+/* line 52, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #buscar .header {
+  color: inherit;
+}
+
+/* line 55, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #buscar .divider {
+  background-color: white;
+}
+
+/* line 59, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #buscar .field input[type='text'] {
+  background-color: inherit !important;
+}
+
+/* line 64, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #buscar .slider .track-fill {
+  background-color: #0d103c !important;
+}
+
+/* line 68, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #buscar .price_label {
+  margin-top: -1rem;
+  float: right;
+}
+
+/* line 75, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #datos .tabular .item {
+  background-color: #a7a9ab !important;
+  border: thin solid white;
+}
+
+/* line 79, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #datos .tabular .item:not(.active) {
+  border: thin solid #a7a9ab;
+  background-color: white !important;
+}
+
+/* line 83, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #datos .tabular .item:last-child {
+  margin-left: 1rem;
+}
+
+/* line 88, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #datos .segment {
+  border: none !important;
+}
+
+/* line 92, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #datos .segment .informacion .row {
+  border-bottom: thin dotted white;
+}
+
+/* line 95, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyecto.scss */
+#proyecto #datos .segment .informacion .row:last-child {
+  border-bottom: none;
+}
+
+/*# sourceMappingURL=proyecto.css.map */

public/assets/styles/proyecto.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "proyecto.css",
+	"sources": [
+		"../../../resources/assets/sass/proyecto.scss"
+	],
+	"sourcesContent": [
+		"#proyecto {\r\n  background-color: #a7a9ab;\r\n  padding-bottom: 2rem;\r\n\r\n  .titulo {\r\n    color: #404041;\r\n    .header {\r\n      color: #0d103c !important;\r\n    }\r\n    .direccion {\r\n      padding-left: 2rem;\r\n    }\r\n    .publicado {\r\n      padding-top: .5rem;\r\n    }\r\n    padding-bottom: 1rem;\r\n  }\r\n\r\n  #galeria {\r\n    padding-bottom: 4rem;\r\n\r\n    &>.image {\r\n      height: 53rem;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      img {\r\n        width: 100%;\r\n        vertical-align: middle;\r\n      }\r\n    }\r\n\r\n    #thumbnails {\r\n      padding-top: 2rem;\r\n\r\n      .image {\r\n        height: 8rem;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        img {\r\n          width: 100%;\r\n          vertical-align: middle;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  #buscar {\r\n    color: #404041 !important;\r\n    padding-top: 2rem;\r\n\r\n    .header {\r\n      color: inherit;\r\n    }\r\n    .divider {\r\n      background-color: white;\r\n    }\r\n    .field {\r\n      input[type='text'] {\r\n        background-color: inherit !important;\r\n      }\r\n    }\r\n    .slider {\r\n      .track-fill {\r\n        background-color: #0d103c !important;\r\n      }\r\n    }\r\n    .price_label {\r\n      margin-top: -1rem;\r\n      float: right;\r\n    }\r\n  }\r\n  #datos {\r\n    .tabular {\r\n      .item {\r\n        background-color: #a7a9ab !important;\r\n        border: thin solid white;\r\n\r\n        &:not(.active) {\r\n          border: thin solid #a7a9ab;\r\n          background-color: white !important;\r\n        }\r\n        &:last-child {\r\n          margin-left: 1rem;\r\n        }\r\n      }\r\n    }\r\n    .segment {\r\n      border: none !important;\r\n\r\n      .informacion {\r\n        .row {\r\n          border-bottom: thin dotted white;\r\n\r\n          &:last-child {\r\n            border-bottom: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": ";AAAA,AAAA,SAAS,CAAC;EACR,gBAAgB,EAAE,OAAO;EACzB,cAAc,EAAE,IAAI;CAmGrB;;;AArGD,AAIE,SAJO,CAIP,OAAO,CAAC;EACN,KAAK,EAAE,OAAO;EAUd,cAAc,EAAE,IAAI;CACrB;;;AAhBH,AAMI,SANK,CAIP,OAAO,CAEL,OAAO,CAAC;EACN,KAAK,EAAE,kBAAkB;CAC1B;;;AARL,AASI,SATK,CAIP,OAAO,CAKL,UAAU,CAAC;EACT,YAAY,EAAE,IAAI;CACnB;;;AAXL,AAYI,SAZK,CAIP,OAAO,CAQL,UAAU,CAAC;EACT,WAAW,EAAE,KAAK;CACnB;;;AAdL,AAkBE,SAlBO,CAkBP,QAAQ,CAAC;EACP,cAAc,EAAE,IAAI;CA2BrB;;;AA9CH,AAqBI,SArBK,CAkBP,QAAQ,GAGJ,MAAM,CAAC;EACP,MAAM,EAAE,KAAK;EACb,QAAQ,EAAE,MAAM;EAChB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;CAKpB;;;AA9BL,AA0BM,SA1BG,CAkBP,QAAQ,GAGJ,MAAM,CAKN,GAAG,CAAC;EACF,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,MAAM;CACvB;;;AA7BP,AAgCI,SAhCK,CAkBP,QAAQ,CAcN,WAAW,CAAC;EACV,WAAW,EAAE,IAAI;CAYlB;;;AA7CL,AAmCM,SAnCG,CAkBP,QAAQ,CAcN,WAAW,CAGT,MAAM,CAAC;EACL,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;EAChB,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;CAKpB;;;AA5CP,AAwCQ,SAxCC,CAkBP,QAAQ,CAcN,WAAW,CAGT,MAAM,CAKJ,GAAG,CAAC;EACF,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,MAAM;CACvB;;;AA3CT,AA+CE,SA/CO,CA+CP,OAAO,CAAC;EACN,KAAK,EAAE,kBAAkB;EACzB,WAAW,EAAE,IAAI;CAsBlB;;;AAvEH,AAmDI,SAnDK,CA+CP,OAAO,CAIL,OAAO,CAAC;EACN,KAAK,EAAE,OAAO;CACf;;;AArDL,AAsDI,SAtDK,CA+CP,OAAO,CAOL,QAAQ,CAAC;EACP,gBAAgB,EAAE,KAAK;CACxB;;;AAxDL,AA0DM,SA1DG,CA+CP,OAAO,CAUL,MAAM,CACJ,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,EAAa;EACjB,gBAAgB,EAAE,kBAAkB;CACrC;;;AA5DP,AA+DM,SA/DG,CA+CP,OAAO,CAeL,OAAO,CACL,WAAW,CAAC;EACV,gBAAgB,EAAE,kBAAkB;CACrC;;;AAjEP,AAmEI,SAnEK,CA+CP,OAAO,CAoBL,YAAY,CAAC;EACX,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,KAAK;CACb;;;AAtEL,AA0EM,SA1EG,CAwEP,MAAM,CACJ,QAAQ,CACN,KAAK,CAAC;EACJ,gBAAgB,EAAE,kBAAkB;EACpC,MAAM,EAAE,gBAAgB;CASzB;;;AArFP,AA8EQ,SA9EC,CAwEP,MAAM,CACJ,QAAQ,CACN,KAAK,AAIF,IAAK,CAAA,OAAO,EAAE;EACb,MAAM,EAAE,kBAAkB;EAC1B,gBAAgB,EAAE,gBAAgB;CACnC;;;AAjFT,AAkFQ,SAlFC,CAwEP,MAAM,CACJ,QAAQ,CACN,KAAK,AAQF,WAAW,CAAC;EACX,WAAW,EAAE,IAAI;CAClB;;;AApFT,AAuFI,SAvFK,CAwEP,MAAM,CAeJ,QAAQ,CAAC;EACP,MAAM,EAAE,eAAe;CAWxB;;;AAnGL,AA2FQ,SA3FC,CAwEP,MAAM,CAeJ,QAAQ,CAGN,YAAY,CACV,IAAI,CAAC;EACH,aAAa,EAAE,iBAAiB;CAKjC;;;AAjGT,AA8FU,SA9FD,CAwEP,MAAM,CAeJ,QAAQ,CAGN,YAAY,CACV,IAAI,AAGD,WAAW,CAAC;EACX,aAAa,EAAE,IAAI;CACpB"
+}

public/assets/styles/proyectos.css

@@ -0,0 +1,72 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos {
+  background-color: #a7a9ab;
+  padding-top: 2rem;
+}
+
+/* line 5, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .titulo {
+  color: #0d103c;
+}
+
+/* line 9, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .tabular.menu .item {
+  color: #404041 !important;
+}
+
+/* line 13, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .grid {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+/* line 17, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .grid .ficha {
+  border-radius: 0;
+  border: 0;
+  box-shadow: none !important;
+}
+
+/* line 23, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .grid .ficha .content .segment {
+  background-color: #e6e6e7 !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+  font-weight: 300;
+}
+
+/* line 29, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .grid .ficha .content .button {
+  font-family: inherit !important;
+  font-weight: 900;
+  padding-top: 0.3rem !important;
+  padding-bottom: 0.3rem !important;
+  background-color: #0d103c !important;
+}
+
+/* line 37, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .grid .ficha .image {
+  overflow: hidden;
+}
+
+/* line 40, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/proyectos.scss */
+#proyectos .grid .ficha .overlay {
+  background-color: #0d103c;
+  color: white;
+  opacity: 0.8;
+  text-align: center;
+  position: absolute;
+  z-index: 999;
+  top: 1.9rem;
+  right: -2.2rem;
+  width: 10rem;
+  padding-top: .3rem;
+  padding-bottom: .3rem;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+/*# sourceMappingURL=proyectos.css.map */

public/assets/styles/proyectos.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,UAAW;EACT,gBAAgB,EAAE,OAAO;EACzB,WAAW,EAAE,IAAI;EAEjB,kBAAQ;IACN,KAAK,EAAE,OAAO;EAGhB,8BAAoB;IAClB,KAAK,EAAE,kBAAkB;EAG3B,gBAAM;IACJ,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IAEpB,uBAAO;MACL,aAAa,EAAE,CAAC;MAChB,MAAM,EAAE,CAAC;MACT,UAAU,EAAE,eAAe;MAGzB,yCAAS;QACP,gBAAgB,EAAE,kBAAkB;QACpC,WAAW,EAAE,YAAY;QACzB,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,GAAG;MAElB,wCAAQ;QACN,WAAW,EAAE,kBAAkB;QAC/B,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,iBAAiB;QAC9B,cAAc,EAAE,iBAAiB;QACjC,gBAAgB,EAAE,kBAAkB;MAGxC,8BAAO;QACL,QAAQ,EAAE,MAAM;MAElB,gCAAS;QACP,gBAAgB,EAAE,OAAO;QACzB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,GAAG;QACZ,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG;QACZ,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,KAAK;QACrB,iBAAiB,EAAE,aAAa;QAChC,cAAc,EAAE,aAAa;QAC7B,aAAa,EAAE,aAAa;QAC5B,YAAY,EAAE,aAAa;QAC3B,SAAS,EAAE,aAAa",
+"sources": ["../../../resources/assets/sass/proyectos.scss"],
+"names": [],
+"file": "proyectos.css"
+}

public/assets/styles/proyectos.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "proyectos.css",
+	"sources": [
+		"../../../resources/assets/sass/proyectos.scss"
+	],
+	"sourcesContent": [
+		"#proyectos {\r\n  background-color: #a7a9ab;\r\n  padding-top: 2rem;\r\n\r\n  .titulo {\r\n    color: #0d103c;\r\n  }\r\n\r\n  .tabular.menu .item {\r\n    color: #404041 !important;\r\n  }\r\n\r\n  .grid {\r\n    padding-top: 2rem;\r\n    padding-bottom: 2rem;\r\n\r\n    .ficha {\r\n      border-radius: 0;\r\n      border: 0;\r\n      box-shadow: none !important;\r\n\r\n      .content {\r\n        .segment {\r\n          background-color: #e6e6e7 !important;\r\n          padding-top: 0 !important;\r\n          padding-bottom: 0 !important;\r\n          font-weight: 300;\r\n        }\r\n        .button {\r\n          font-family: inherit !important;\r\n          font-weight: 900;\r\n          padding-top: 0.3rem !important;\r\n          padding-bottom: 0.3rem !important;\r\n          background-color: #0d103c !important;\r\n        }\r\n      }\r\n      .image {\r\n        overflow: hidden;\r\n      }\r\n      .overlay {\r\n        background-color: #0d103c;\r\n        color: white;\r\n        opacity: 0.8;\r\n        text-align: center;\r\n        position: absolute;\r\n        z-index: 999;\r\n        top: 1.9rem;\r\n        right: -2.2rem;\r\n        width: 10rem;\r\n        padding-top: .3rem;\r\n        padding-bottom: .3rem;\r\n        -webkit-transform: rotate(45deg);\r\n        -moz-transform: rotate(45deg);\r\n        -ms-transform: rotate(45deg);\r\n        -o-transform: rotate(45deg);\r\n        transform: rotate(45deg);\r\n      }\r\n    }\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": ";AAAA,AAAA,UAAU,CAAC;EACT,gBAAgB,EAAE,OAAO;EACzB,WAAW,EAAE,IAAI;CAyDlB;;;AA3DD,AAIE,UAJQ,CAIR,OAAO,CAAC;EACN,KAAK,EAAE,OAAO;CACf;;;AANH,AAQE,UARQ,CAQR,QAAQ,AAAA,KAAK,CAAC,KAAK,CAAC;EAClB,KAAK,EAAE,kBAAkB;CAC1B;;;AAVH,AAYE,UAZQ,CAYR,KAAK,CAAC;EACJ,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CA4CrB;;;AA1DH,AAgBI,UAhBM,CAYR,KAAK,CAIH,MAAM,CAAC;EACL,aAAa,EAAE,CAAC;EAChB,MAAM,EAAE,CAAC;EACT,UAAU,EAAE,eAAe;CAsC5B;;;AAzDL,AAsBQ,UAtBE,CAYR,KAAK,CAIH,MAAM,CAKJ,QAAQ,CACN,QAAQ,CAAC;EACP,gBAAgB,EAAE,kBAAkB;EACpC,WAAW,EAAE,YAAY;EACzB,cAAc,EAAE,YAAY;EAC5B,WAAW,EAAE,GAAG;CACjB;;;AA3BT,AA4BQ,UA5BE,CAYR,KAAK,CAIH,MAAM,CAKJ,QAAQ,CAON,OAAO,CAAC;EACN,WAAW,EAAE,kBAAkB;EAC/B,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,iBAAiB;EAC9B,cAAc,EAAE,iBAAiB;EACjC,gBAAgB,EAAE,kBAAkB;CACrC;;;AAlCT,AAoCM,UApCI,CAYR,KAAK,CAIH,MAAM,CAoBJ,MAAM,CAAC;EACL,QAAQ,EAAE,MAAM;CACjB;;;AAtCP,AAuCM,UAvCI,CAYR,KAAK,CAIH,MAAM,CAuBJ,QAAQ,CAAC;EACP,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,GAAG;EACZ,UAAU,EAAE,MAAM;EAClB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;EACZ,GAAG,EAAE,MAAM;EACX,KAAK,EAAE,OAAO;EACd,KAAK,EAAE,KAAK;EACZ,WAAW,EAAE,KAAK;EAClB,cAAc,EAAE,KAAK;EACrB,iBAAiB,EAAE,aAAa;EAChC,cAAc,EAAE,aAAa;EAC7B,aAAa,EAAE,aAAa;EAC5B,YAAY,EAAE,aAAa;EAC3B,SAAS,EAAE,aAAa;CACzB"
+}

public/index.php

@@ -0,0 +1,10 @@
+<?php
+$__environment = 'web';
+
+require_once realpath(implode(DIRECTORY_SEPARATOR, [
+  dirname(__DIR__),
+  'bootstrap',
+  'app.php'
+]));
+
+$app->run();

resources/assets/sass/faqs.scss

@@ -0,0 +1,11 @@
+#faq {
+  background-color: #5d5d5d;
+  color: white;
+
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+
+  .header, .title, .content {
+    color: inherit;
+  }
+}

resources/assets/sass/home.scss

@@ -0,0 +1,155 @@
+.header {
+  color: inherit !important;
+  font-family: inherit !important;
+}
+
+#banner {
+  padding-top: 12rem;
+  padding-bottom: 12rem;
+  background-color: rgba(0, 0, 0, 0.6);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 1920px auto;
+  background-blend-mode: multiply;
+
+  #mensaje {
+    margin-bottom: 2rem;
+    color: white;
+    font-weight: 300;
+    font-size: 1.6rem;
+
+    .header {
+      font-weight: 900 !important;
+      font-size: 1.9rem;
+    }
+  }
+  .button {
+    font-family: inherit;
+    font-weight: 900;
+  }
+}
+
+#aviso {
+  color: white;
+  background-color: #429ab7;
+  padding-top: 5rem;
+  padding-bottom: 3rem;
+  font-size: 1.6rem;
+  font-weight: 300;
+
+  .header {
+    font-weight: 900;
+  }
+}
+
+#destacados {
+  padding-top: 3rem;
+  padding-bottom: 5rem;
+  background-color: #a7a9ab;
+  min-height: 40rem;
+
+  .header {
+    color: #0d103c !important;
+    font-weight: 600;
+  }
+  .titulo {
+    font-size: 1.6rem;
+    font-weight: 900;
+    padding-bottom: 1rem;
+  }
+  .ficha {
+    border-radius: 0;
+    border: 0;
+    box-shadow: none !important;
+
+    .content {
+      .segment {
+        background-color: #e6e6e7 !important;
+        padding-top: 0 !important;
+        padding-bottom: 0 !important;
+        font-weight: 300;
+      }
+      .button {
+        font-family: inherit !important;
+        font-weight: 900;
+        padding-top: 0.3rem !important;
+        padding-bottom: 0.3rem !important;
+        background-color: #0d103c !important;
+      }
+    }
+    .image {
+      overflow: hidden;
+    }
+    .overlay {
+      background-color: #0d103c;
+      color: white;
+      opacity: 0.8;
+      text-align: center;
+      position: absolute;
+      z-index: 999;
+      top: 1.9rem;
+      right: -2.2rem;
+      width: 10rem;
+      padding-top: .3rem;
+      padding-bottom: .3rem;
+      -webkit-transform: rotate(45deg);
+      -moz-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      -o-transform: rotate(45deg);
+      transform: rotate(45deg);
+    }
+  }
+  .active {
+    font-weight: 900;
+  }
+}
+
+#segmentos {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+
+  .grid {
+    .basic.segment {
+      .header {
+        margin-top: 1rem;
+      }
+    }
+  }
+}
+
+#resumen {
+  background-position: center;
+  background-position-y: -60rem;
+  background-repeat: no-repeat;
+  background-size: 2600px auto;
+  min-height: 20rem;
+  padding-top: 3rem;
+
+  .inverted.circular.segment {
+    background-color: rgba(0, 0, 0, 0.8);
+  }
+}
+
+#indicadores {
+  background-color: #bbbdc0;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  min-height: 5rem;
+
+  .slideshow {
+    overflow: hidden;
+    height: 6rem;
+
+    .slide {
+      display: inline-block;
+      float: left;
+      background-color: white;
+      padding: 0;
+      margin: 1rem;
+      width: 8rem !important;
+      padding-top: .5rem;
+      padding-bottom: .5rem;
+      text-align: center;
+    }
+  }
+}

resources/assets/sass/main.scss

@@ -0,0 +1,86 @@
+body {
+  font-family: Roboto, sans-serif !important;
+}
+
+.brand {
+  color: #000070 !important;
+}
+.inverted.brand {
+  background-color: #000070 !important;
+  color: white !important;
+}
+.button.brand {
+  box-shadow: none !important;
+}
+
+.title.image {
+  width: 15rem;
+}
+
+header {
+  #franja {
+    background-color: #707070;
+    color: white !important;
+
+    .menu {
+      color: inherit !important;
+
+      .spacer {
+        width: 3rem;
+      }
+      .input {
+        height: 1.3rem !important;
+      }
+    }
+  }
+  .menu {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+
+    .logo {
+      font-size: 2rem;
+      font-weight: 900;
+    }
+  }
+}
+
+a {
+  color: inherit !important;
+}
+
+.menu {
+  font-family: inherit !important;
+}
+.item {
+  font-family: inherit !important;
+  color: inherit !important;
+}
+
+#contacto {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+
+  .header {
+    color: #0d103c !important;
+    font-weight: 900;
+  }
+  .form .button {
+    background-color: #429ab7;
+    color: white;
+  }
+}
+
+footer {
+  background-color: #429ab7;
+  color: white;
+  margin: 0;
+
+  .menu {
+    margin: 0 !important;
+
+    .label {
+      background-color: white !important;
+      color: #429ab7 !important;
+    }
+  }
+}

resources/assets/sass/nosotros.scss

@@ -0,0 +1,11 @@
+#nosotros {
+  background-color: #5d5d5d;
+  color: white;
+
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+
+  .header {
+    color: inherit;
+  }
+}

resources/assets/sass/proyecto.scss

@@ -0,0 +1,102 @@
+#proyecto {
+  background-color: #a7a9ab;
+  padding-bottom: 2rem;
+
+  .titulo {
+    color: #404041;
+    .header {
+      color: #0d103c !important;
+    }
+    .direccion {
+      padding-left: 2rem;
+    }
+    .publicado {
+      padding-top: .5rem;
+    }
+    padding-bottom: 1rem;
+  }
+
+  #galeria {
+    padding-bottom: 4rem;
+
+    &>.image {
+      height: 53rem;
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      img {
+        width: 100%;
+        vertical-align: middle;
+      }
+    }
+
+    #thumbnails {
+      padding-top: 2rem;
+
+      .image {
+        height: 8rem;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        img {
+          width: 100%;
+          vertical-align: middle;
+        }
+      }
+    }
+  }
+  #buscar {
+    color: #404041 !important;
+    padding-top: 2rem;
+
+    .header {
+      color: inherit;
+    }
+    .divider {
+      background-color: white;
+    }
+    .field {
+      input[type='text'] {
+        background-color: inherit !important;
+      }
+    }
+    .slider {
+      .track-fill {
+        background-color: #0d103c !important;
+      }
+    }
+    .price_label {
+      margin-top: -1rem;
+      float: right;
+    }
+  }
+  #datos {
+    .tabular {
+      .item {
+        background-color: #a7a9ab !important;
+        border: thin solid white;
+
+        &:not(.active) {
+          border: thin solid #a7a9ab;
+          background-color: white !important;
+        }
+        &:last-child {
+          margin-left: 1rem;
+        }
+      }
+    }
+    .segment {
+      border: none !important;
+
+      .informacion {
+        .row {
+          border-bottom: thin dotted white;
+
+          &:last-child {
+            border-bottom: none;
+          }
+        }
+      }
+    }
+  }
+}

resources/assets/sass/proyectos.scss

@@ -0,0 +1,60 @@
+#proyectos {
+  background-color: #a7a9ab;
+  padding-top: 2rem;
+
+  .titulo {
+    color: #0d103c;
+  }
+
+  .tabular.menu .item {
+    color: #404041 !important;
+  }
+
+  .grid {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+
+    .ficha {
+      border-radius: 0;
+      border: 0;
+      box-shadow: none !important;
+
+      .content {
+        .segment {
+          background-color: #e6e6e7 !important;
+          padding-top: 0 !important;
+          padding-bottom: 0 !important;
+          font-weight: 300;
+        }
+        .button {
+          font-family: inherit !important;
+          font-weight: 900;
+          padding-top: 0.3rem !important;
+          padding-bottom: 0.3rem !important;
+          background-color: #0d103c !important;
+        }
+      }
+      .image {
+        overflow: hidden;
+      }
+      .overlay {
+        background-color: #0d103c;
+        color: white;
+        opacity: 0.8;
+        text-align: center;
+        position: absolute;
+        z-index: 999;
+        top: 1.9rem;
+        right: -2.2rem;
+        width: 10rem;
+        padding-top: .3rem;
+        padding-bottom: .3rem;
+        -webkit-transform: rotate(45deg);
+        -moz-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        -o-transform: rotate(45deg);
+        transform: rotate(45deg);
+      }
+    }
+  }
+}

resources/routes/router.php

@@ -0,0 +1,2 @@
+<?php
+include_once $app->getContainer()->get('env') . '.php';

resources/routes/web.php

@@ -0,0 +1,19 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Base;
+
+$folder = implode(DIRECTORY_SEPARATOR, [
+  __DIR__,
+  'web'
+]);
+if (file_exists($folder)) {
+  $files = new DirectoryIterator($folder);
+  foreach ($files as $file) {
+    if ($file->isDir()) {
+      continue;
+    }
+    include_once $file->getRealPath();
+  }
+}
+
+$app->get('/', Base::class)
+  ->add(new ProVM\KI\Common\Middleware\Visits($app->getContainer()->get('file.visits'), $app->getContainer()->get('visits.time')));

resources/routes/web/contacto.php

@@ -0,0 +1,4 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Contacto;
+
+$app->get('/contacto', Contacto::class);

resources/routes/web/faq.php

@@ -0,0 +1,4 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Faq;
+
+$app->get('/faqs', Faq::class);

resources/routes/web/indicadores.php

@@ -0,0 +1,4 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Indicadores;
+
+$app->get('/indicador/{indicador}', [Indicadores::class, 'get']);

resources/routes/web/nosotros.php

@@ -0,0 +1,4 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Nosotros;
+
+$app->get('/nosotros', Nosotros::class);

resources/routes/web/proyectos.php

@@ -0,0 +1,12 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Proyectos;
+
+$app->group('/proyectos', function($app) {
+  $app->get('/segmento/{segmento}', [Proyectos::class, 'segmento']);
+  $app->get('/destacados/{page}', [Proyectos::class, 'destacados']);
+  $app->get('[/]', Proyectos::class);
+});
+$app->group('/proyecto/{proyecto}', function($app) {
+  $app->get('/ficha', [Proyectos::class, 'ficha']);
+  $app->get('[/]', [Proyectos::class, 'show']);
+});

resources/views/contacto.blade.php

@@ -0,0 +1 @@
+@extends('layout.base')

resources/views/faq.blade.php

@@ -0,0 +1,61 @@
+@extends('layout.base')
+
+@section('page_content')
+  <div id="faq">
+    <div class="ui container">
+      <div class="ui header">
+        FAQ's
+      </div>
+      <div class="ui accordion">
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Lorem ipsum?
+        </div>
+        <div class="content">
+          <p>
+            dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+            cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          </p>
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Duis aute irure dolor
+        </div>
+        <div class="content">
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Reprehenderit in voluptate
+        </div>
+        <div class="content">
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Velit esse cillum dolore
+        </div>
+        <div class="content">
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Fugiat nulla pariatur
+        </div>
+        <div class="content">
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/faqs.css" />
+@endpush
+
+@push('scripts')
+  <script type="text/javascript">
+    $(document).ready(() => {
+      $('#faq .accordion').accordion()
+    })
+  </script>
+@endpush

resources/views/home.blade.php

@@ -0,0 +1,14 @@
+@extends('layout.base')
+
+@section('page_content')
+  @include('home.banner')
+  @include('home.aviso')
+  @include('home.destacados')
+  @include('home.segmentos')
+  @include('home.resumen')
+  @include('home.indicadores')
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/home.css" />
+@endpush

resources/views/home/aviso.blade.php

@@ -0,0 +1,57 @@
+@if (isset($aviso) and $aviso)
+  <div id="aviso">
+    <div class="ui container">
+      <div class="ui center aligned grid">
+        <div class="ten wide column">
+          <div class="ui header">
+            BENEFICIOS COVID 19
+          </div>
+          Bono Pie 10%
+        </div>
+        <div class="row">
+          @foreach ($avisos as $i => $av)
+            <i class="circle outline tiny icon" data-id="{{$i + 1}}"></i>
+          @endforeach
+        </div>
+      </div>
+    </div>
+  </div>
+@endif
+
+@push('scripts')
+  <script type="text/javascript">
+    var avisos = {
+      avisos: [
+        @foreach ($avisos as $av)
+          {
+            titulo: '{{$av->titulo}}',
+            contenido: '{{$av->contenido}}'
+          },
+        @endforeach
+      ],
+      id: '#aviso',
+      curr_page: 1,
+      setup: () => {
+        avisos.movePage(avisos.curr_page)
+      },
+      movePage: (page) => {
+        var aviso = avisos.avisos[page - 1]
+        $(avisos.id).find('.grid .column').html('').append(
+          $('<div></div>').attr('class', 'ui header').html(aviso.titulo)
+        ).append(aviso.contenido)
+        $(avisos.id).find('.circle.icon').addClass('outline').css('cursor', 'pointer').click(function() {
+          var id = $(this).attr('data-id')
+          if (id == avisos.curr_page) {
+            return
+          }
+          avisos.movePage(id)
+        })
+        $(avisos.id).find('.circle.icon:nth-child(' + page + ')').removeClass('outline').css('cursor', 'default')
+        avisos.curr_page = page
+      }
+    }
+    $(document).ready(function() {
+      avisos.setup()
+    })
+  </script>
+@endpush

resources/views/home/banner.blade.php

@@ -0,0 +1,27 @@
+<div id="banner">
+  <div class="ui container">
+    <div class="ui center aligned grid">
+      <div class="ten wide column">
+        <div id="mensaje">
+          <div class="ui header">
+            DISEÑA EL FUTURO, ACT&Uacute;A EN EL PRESENTE
+          </div>
+          "Comienza a Invertir Hoy"
+        </div>
+        <a href="{{$urls->base}}/proyectos">
+          <button class="ui inverted brand big button">
+            PRODUCTOS
+          </button>
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+@push('styles')
+  <style type="text/css">
+    #banner {
+      background-image: url('{{$urls->images}}/banner.jpg');
+    }
+  </style>
+@endpush

resources/views/home/contacto.blade.php

@@ -0,0 +1,67 @@
+<div id="contacto">
+  <div class="ui container">
+    <div class="ui header">
+      CONTACTO
+    </div>
+    <div class="ui two columns stackable grid">
+      <div class="column">
+        <form id="contacto_form" method="post" class="ui form">
+          <div class="ui grid">
+            <div class="eight wide column">
+              <div class="input">
+                <input type="text" name="nombre" placeholder="Nombre" />
+              </div>
+            </div>
+            <div class="eight wide column">
+              <div class="input">
+                <input type="text" name="mail" placeholder="Mail" />
+              </div>
+            </div>
+            <div class="sixteen wide column">
+              <div class="input">
+                <textarea name="mensaje" rows="2" placeholder="Mensaje"></textarea>
+              </div>
+            </div>
+            <div class="four wide column">
+              <button class="ui button">
+                Enviar
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div class="column">
+        <div class="ui center aligned grid">
+          <div class="eight wide column left aligned">
+            <p>
+              Av. Calle 123, Comuna, RM
+              <br />
+              <a href="mailto:contacto@capitalinvestments.cl">
+                contacto@capitalinvestments.cl
+              </a>
+              <br />
+              <a href="tel:56222222222">+56 2 2222 2222</a>
+            </p>
+            <p>
+              <a href="youtube">
+                <i class="youtube icon"></i>
+              </a>
+              <a href="instagram">
+                <i class="instagram icon"></i>
+              </a>
+              <a href="facebook">
+                <i class="facebook f icon"></i>
+              </a>
+              <a href="linkedin">
+                <i class="linkedin icon"></i>
+              </a>
+              <a href="twitter">
+                <i class="twitter icon"></i>
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

resources/views/home/destacados.blade.php

@@ -0,0 +1,137 @@
+<div id="destacados">
+  <div class="ui container">
+    <div class="ui header titulo">
+      PROYECTOS DESTACADOS
+    </div>
+    <div class="ui four columns stackable grid" id="proyectos">
+      @for ($i = 0; $i < min(4, count($destacados)); $i ++)
+        <div class="column">
+          <div class="ui card ficha">
+            <div class="content">
+              <div class="header titulo">
+                Proyecto
+              </div>
+              <div class="meta">
+                <div class="right floated">
+                  Segmento
+                </div>
+                Comuna
+              </div>
+            </div>
+            <div class="image">
+              <div class="ui placeholder">
+                <div class="square image"></div>
+              </div>
+            </div>
+            <div class="content">
+              Detalles
+            </div>
+          </div>
+        </div>
+      @endfor
+    </div>
+    @if (count($destacados) > 4)
+      <div class="ui grid" id="paging">
+      </div>
+    @endif
+  </div>
+</div>
+
+@push('scripts')
+  <script type="text/javascript">
+    var destacados = {
+      curr_page: 1,
+      max_page: {{ceil(count($destacados) / 4)}},
+      id: '#destacados',
+      buildCard: (div, id) => {
+        $.ajax({
+          url: '{{$urls->base}}/proyecto/' + id + '/ficha',
+          success: function(data) {
+            div.append(data)
+          }
+        })
+      },
+      fillCards: (data) => {
+        var proyectos = $(destacados.id).find('#proyectos')
+        proyectos.html('')
+        $.each(data, function(i, el) {
+          var div = $('<div></div>').attr('class', 'column')
+          proyectos.append(
+            div
+          )
+          destacados.buildCard(div, el)
+        })
+      },
+      movePage: (page) => {
+        if (page == 'prev') {
+          page = Math.max(1, parseInt(destacados.curr_page) - 1)
+        }
+        if (page == 'next') {
+          page = Math.min(destacados.max_page, parseInt(destacados.curr_page) + 1)
+        }
+        destacados.findPage(page)
+      },
+      buildPaging: () => {
+        var paging = $(destacados.id).find('#paging')
+        paging.html('')
+        paging.append(
+          $('<div></div>').attr('class', 'column')
+        )
+        var ini = destacados.curr_page - 1
+        if (destacados.curr_page == 1) {
+          ini = 1
+        }
+        if (destacados.curr_page == destacados.max_page) {
+          ini = destacados.curr_page - 2
+        }
+        if (destacados.curr_page > 1) {
+          paging.append(
+            $('<div></div>').attr('class', 'column').append(
+              $('<span></span>').attr('class', 'pagina').attr('data-page', 'prev').append(
+                $('<i></i>').attr('class', 'angle left icon')
+              )
+            )
+          )
+        }
+        var max = Math.min(destacados.max_page, ini + 2)
+        for (var i = ini; i <= max; i ++) {
+          var span = $('<span></span>').attr('class', 'pagina').attr('data-page', i).html(i)
+          if (i == destacados.curr_page) {
+            span.addClass('active')
+          }
+          paging.append(
+            $('<div></div>').attr('class', 'column').append(span)
+          )
+        }
+        if (destacados.curr_page < destacados.max_page) {
+          paging.append(
+            $('<div></div>').attr('class', 'column').append(
+              $('<span></span>').attr('class', 'pagina').attr('data-page', 'next').append(
+                $('<i></i>').attr('class', 'angle right icon')
+              )
+            )
+          )
+        }
+        $(destacados.id).find('.pagina:not(.active)').css('cursor', 'pointer').click(function() {
+          var page = $(this).attr('data-page')
+          destacados.movePage(page)
+        })
+      },
+      findPage: (page) => {
+        $.getJSON('{{$urls->base}}/proyectos/destacados/' + page, function(data) {
+          $('#destacados').find('.pagina.active').removeClass('.active')
+          destacados.curr_page = data.information.page
+          destacados.buildPaging()
+          destacados.fillCards(data.destacados)
+        })
+      },
+      setup: () => {
+        destacados.buildPaging()
+        destacados.findPage(destacados.curr_page)
+      }
+    }
+    $(document).ready(function() {
+      destacados.setup()
+    })
+  </script>
+@endpush

resources/views/home/indicadores.blade.php

@@ -0,0 +1,106 @@
+<div id="indicadores">
+  <div class="ui container">
+    <div class="slideshow ui center aligned grid">
+    </div>
+  </div>
+</div>
+
+@push('scripts')
+  <script type="text/javascript">
+    var slideshow = {
+      slides: [],
+      id: '.slideshow',
+      slide_id: '.slide',
+      current: 0,
+      speed: 1,
+      delay: 10,
+      move: () => {
+        var ini = parseInt($(slideshow.id).find(slideshow.slide_id + ':first-child').css('left'))
+        if (isNaN(ini)) {
+          ini = 0
+        }
+        console.debug(ini)
+        $(slideshow.id).find(slideshow.slide_id + ':first-child').css('left', ini - slideshow.speed)
+        var w = parseInt($(slideshow.id).find(slideshow.slide_id + ':first-child').css('width'))
+        var p0 = 0
+        var p = parseInt($(slideshow.id).find(slideshow.slide_id + ':first-child').css('left'))
+        if (p + w < p0) {
+          slideshow.addNext()
+        }
+        setTimeout(slideshow.move, slideshow.delay)
+      },
+      addNext: () => {
+        var data = [
+          $(slideshow.id).find(slideshow.slide_id + ':first-child').attr('class'),
+          $(slideshow.id).find(slideshow.slide_id + ':first-child').html()
+        ]
+        var c = slideshow.current + 1
+        if (c >= slideshow.slides.length) {
+          c = 0
+        }
+        $(slideshow.id).find(slideshow.slide_id + ':first-child').remove()
+        slideshow.slides.shift()
+        var div = $('<div></div>').attr('class', data[0]).attr('data-title', data[1]).attr('data-content', data[2]).html(
+          data[3]
+        )
+        $(slideshow.id).append(
+          div
+        )
+        div.popup(9)
+        slideshow.slides.push(div)
+        slideshow.current = c
+      },
+      setup: () => {
+        $(slideshow.id).parent().css('overflow', 'hidden')
+        $(slideshow.id).find(slideshow.slide_id).each((i, el) => {
+          slideshow.slides.push($(el).html())
+        })
+        var w = $(slideshow.id).find(slideshow.slide_id + ':first-child').css('width')
+        var div = $('<div></div>').attr('class', 'slide').html(slideshow.slides[0])
+        $(slideshow.id).append(div)
+        setTimeout(slideshow.move, slideshow.delay)
+      }
+    }
+    var indicadores = {
+      indicadores: [
+        @foreach ($indicadores as $indicador => $titulo)
+        {
+          sim: '{{$indicador}}',
+          titulo: '{{$titulo}}'
+        },
+        @endforeach
+      ],
+      id: '#indicadores',
+      current: {{count($indicadores)}},
+      findIndicador: (i) => {
+        var indicador = indicadores.indicadores[i]
+        return $.ajax({
+          url: '{{$urls->base}}/indicador/' + indicador.sim,
+          success: (data) => {
+            var div = $('<div></div>').attr('class', 'two wide column slide').append(
+              $('<div></div>').attr('class', 'ui header').attr('data-title', 'Fecha').attr('data-content', data.valor.fecha).append(indicador.titulo).append(
+                $('<div></div>').attr('class', 'sub header').html(data.valor.valor)
+              )
+            )
+            div.find('.header').popup(9)
+            $(indicadores.id).find('.slideshow').append(div)
+          }
+        })
+      },
+      setup: () => {
+        var promises = []
+        promise = null
+        $.each(indicadores.indicadores, (i, el) => {
+          promise = indicadores.findIndicador(i)
+          promises.push(promise)
+        })
+        Promise.all(promises).then(() => {
+          //slideshow.setup()
+        })
+      }
+    }
+    $(document).ready(() => {
+      indicadores.setup()
+    })
+  </script>
+@endpush

resources/views/home/resumen.blade.php

@@ -0,0 +1,63 @@
+<div id="resumen">
+  <div class="ui container">
+    <div class="ui center aligned grid">
+      <div class="three wide column">
+        <div class="ui inverted circular segment">
+          <div class="ui big header">
+            123
+            <div class="sub header">
+              Negocios Cerrados
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="column"></div>
+      <div class="three wide column">
+        <div class="ui inverted circular segment">
+          <div class="ui big header">
+            12
+            <div class="sub header">
+              Proyectos Publicados
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="column"></div>
+      <div class="three wide column">
+        <div class="ui inverted circular segment">
+          <div class="ui big header">
+            10
+            <div class="sub header">
+              Texto Relleno
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+@push('styles')
+  <style type="text/css">
+    #resumen {
+      background-image: url('{{$urls->images}}/indicadores.jpg');
+    }
+  </style>
+@endpush
+
+@push('scripts')
+  <script type="text/javascript">
+    var max_width = 0
+    $(document).ready(function() {
+      $('#resumen .circular.segment').each(function(i, el) {
+        var width = $(this).css('width')
+        var w = parseInt(width)
+        if (w > max_width) {
+          max_width = w
+        }
+        $(this).css('width', max_width + 'px')
+        $(this).css('height', max_width + 'px')
+      })
+    })
+  </script>
+@endpush

resources/views/home/segmentos.blade.php

@@ -0,0 +1,14 @@
+<div id="segmentos" class="ui container">
+  <div class="ui header">
+    SEGMENTOS DE NEGOCIO
+  </div>
+  <div class="ui center aligned stackable grid">
+    @foreach ($segmentos as $segmento)
+      <div class="three wide column">
+        <a href="{{$urls->base}}/proyectos#{{mb_strtolower($segmento->titulo)}}">
+          @include('home.segmentos.ficha')
+        </a>
+      </div>
+    @endforeach
+  </div>
+</div>

resources/views/home/segmentos/ficha.blade.php

@@ -0,0 +1,8 @@
+<div class="ui basic segment">
+  <div class="ui medium image">
+    {!!$segmento->imagen!!}
+  </div>
+  <div class="ui small header">
+    {{$segmento->titulo}}
+  </div>
+</div>

resources/views/layout/base.blade.php

@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html lang="{{$page_language}}">
+@include('layout.head')
+@include('layout.body')
+</html>

resources/views/layout/body.blade.php

@@ -0,0 +1,6 @@
+<body>
+  @include('layout.header')
+  @yield('page_content')
+  @include('layout.footer')
+  @include('layout.scripts')
+</body>

resources/views/layout/contacto.blade.php

@@ -0,0 +1,67 @@
+<div id="contacto">
+  <div class="ui container">
+    <div class="ui header">
+      CONTACTO
+    </div>
+    <div class="ui two columns stackable grid">
+      <div class="column">
+        <form id="contacto_form" method="post" class="ui form">
+          <div class="ui grid">
+            <div class="eight wide column">
+              <div class="input">
+                <input type="text" name="nombre" placeholder="Nombre" />
+              </div>
+            </div>
+            <div class="eight wide column">
+              <div class="input">
+                <input type="text" name="mail" placeholder="Mail" />
+              </div>
+            </div>
+            <div class="sixteen wide column">
+              <div class="input">
+                <textarea name="mensaje" rows="2" placeholder="Mensaje"></textarea>
+              </div>
+            </div>
+            <div class="four wide column">
+              <button class="ui button">
+                Enviar
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div class="column">
+        <div class="ui center aligned grid">
+          <div class="eight wide column left aligned">
+            <p>
+              Av. Calle 123, Comuna, RM
+              <br />
+              <a href="mailto:contacto@capitalinvestments.cl">
+                contacto@capitalinvestments.cl
+              </a>
+              <br />
+              <a href="tel:56222222222">+56 2 2222 2222</a>
+            </p>
+            <p>
+              <a href="youtube">
+                <i class="youtube icon"></i>
+              </a>
+              <a href="instagram">
+                <i class="instagram icon"></i>
+              </a>
+              <a href="facebook">
+                <i class="facebook f icon"></i>
+              </a>
+              <a href="linkedin">
+                <i class="linkedin icon"></i>
+              </a>
+              <a href="twitter">
+                <i class="twitter icon"></i>
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

resources/views/layout/footer.blade.php

@@ -0,0 +1,20 @@
+@include('layout.contacto')
+<footer>
+  <div class="ui container">
+    <div class="ui tiny text menu">
+      <div class="item">
+        Copyright
+        Todos los derechos reservados 2020 ProVM<i class="copyright outline icon"></i>
+      </div>
+      <div class="right menu">
+        <div class="item">
+          N° Visitas
+          <div class="ui label" >
+            <i class="users icon"></i>
+            {{$footer->visitas}}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>

resources/views/layout/head.blade.php

@@ -0,0 +1,7 @@
+<head>
+  <meta charset="utf-8" />
+  <title>
+    Capital Investments
+  </title>
+  @include('layout.styles') 
+</head>

resources/views/layout/header.blade.php

@@ -0,0 +1,4 @@
+<header>
+  @include('layout.header.franja')
+  @include('layout.header.menu')
+</header>

resources/views/layout/header/franja.blade.php

@@ -0,0 +1,39 @@
+<div id="franja">
+  <div class="ui container">
+    <div class="ui tiny text menu">
+      <div class="spacer"></div>
+      <div class="item">
+        <a href="{{$urls->facebook}}">
+          <i class="facebook f icon"></i>
+        </a>
+        <a href="{{$urls->linkedin}}">
+          <i class="linkedin in icon"></i>
+        </a>
+        <a href="{{$urls->twitter}}">
+          <i class="twitter icon"></i>
+        </a>
+        <a href="{{$urls->youtube}}">
+          <i class="youtube icon"></i>
+        </a>
+      </div>
+      <div class="spacer"></div>
+      <div class="item">
+        UF Hoy: {{$header->uf}}.-
+      </div>
+      <div class="spacer"></div>
+      <div class="item">
+        {{$header->fecha}}
+        &thinsp;
+        {{$header->hora}}
+      </div>
+      <div class="right menu">
+        <div class="item">
+          <div class="ui icon input">
+            <input type="text" placeholder="Buscar" name="search" id="search" />
+            <i class="search link icon"></i>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

resources/views/layout/header/menu.blade.php

@@ -0,0 +1,23 @@
+<div class="ui container">
+  <nav class="ui massive text menu">
+    <a class="item logo" href="{{$urls->base}}">
+      <div class="ui title image">
+        <img src="{{$urls->images}}/logo.png" alt="Capital Investments" title="Capital Investments" />
+      </div>
+    </a>
+    <div class="right menu">
+      <a class="item" href="{{$urls->base}}/nosotros">
+        NOSOTROS
+      </a>
+      <a class="item" href="{{$urls->base}}/proyectos">
+        PRODUCTOS
+      </a>
+      <a class="item" href="{{$urls->base}}/faqs">
+        FAQs
+      </a>
+      <a class="item" href="{{$urls->base}}/contacto">
+        CONTACTO
+      </a>
+    </div>
+  </nav>
+</div>

resources/views/layout/scripts.blade.php

@@ -0,0 +1,6 @@
+@if (isset($assets->scripts))
+  @foreach ($assets->scripts as $script)
+    <script type="text/javascript" src="{{$script}}"></script>
+  @endforeach
+@endif
+@stack('scripts')

resources/views/layout/styles.blade.php

@@ -0,0 +1,13 @@
+@if (isset($assets->styles))
+  @foreach ($assets->styles as $style)
+    <link rel="stylesheet" type="text/css" href="{{$style}}" />
+  @endforeach
+@endif
+@if (isset($assets->fonts))
+  @foreach ($assets->fonts as $type => $fonts)
+    @foreach ($fonts as $font)
+      <link type="{{$type}}" href="{{$font}}" />
+    @endforeach
+  @endforeach
+@endif
+@stack('styles')

resources/views/nosotros.blade.php

@@ -0,0 +1,57 @@
+@extends('layout.base')
+
+@section('page_content')
+  <div id="nosotros">
+    <div class="ui container">
+      <div class="ui header">
+        NOSOTROS
+      </div>
+      <div class="ui two columns grid">
+        <div class="column">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+          nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+          fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit
+          amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+          dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+          ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+          in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+          deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur
+          adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
+          ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+          voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+          occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
+          id est laborum.
+        </div>
+        <div class="column">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+          nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+          fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit
+          amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+          dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+          ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+          in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+          deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur
+          adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+          aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
+          ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+          voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+          occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
+          id est laborum.
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/nosotros.css" />
+@endpush

resources/views/proyectos/ficha.blade.php

@@ -0,0 +1,58 @@
+<div class="ui card ficha">
+  <div class="content">
+    <div class="header">
+      {{$proyecto->edificio}}
+    </div>
+    <div class="right floated meta">
+      {{$proyecto->segmento}}
+    </div>
+    <div class="descripcion">
+      {{$proyecto->comuna}}
+    </div>
+  </div>
+  <div class="medium image">
+    @if ($proyecto->destacado)
+      <div class="overlay">Destacado</div>
+    @endif
+    <img src="{{$urls->images}}/{{$proyecto->imagen}}" />
+  </div>
+  <div class="content">
+    <div class="ui basic segment">
+      <span class="right floated">
+        {{$proyecto->valor}} UF
+      </span>
+      Valor depto
+    </div>
+    <div class="ui basic segment">
+      <span class="right floated">
+        {{$proyecto->bono}} UF
+      </span>
+      Bono Pie
+    </div>
+    <div class="ui basic segment">
+      <span class="right floated">
+        {{$proyecto->rentabilidad}}%
+      </span>
+      Rentabilidad
+    </div>
+    <div class="ui basic segment">
+      <span class="right floated">
+        {{$proyecto->cuota}} UF
+      </span>
+      Valor cuota
+    </div>
+    <div class="ui basic segment">
+      <span class="right floated">
+        {{$proyecto->entrega}}
+      </span>
+      Entrega Estimada
+    </div>
+    <span class="right floated">
+      <a href="{{$urls->base}}/proyecto/{{$proyecto->id}}">
+        <button class="ui inverted brand button">
+          Ver
+        </button>
+      </a>
+    </span>
+  </div>
+</div>

resources/views/proyectos/list.blade.php

@@ -0,0 +1,93 @@
+@extends('layout.base')
+
+@section('page_content')
+  <div id="proyectos">
+    <div class="ui container">
+      <div class="ui header titulo">
+        PRODUCTOS
+      </div>
+      <div class="ui top attached tabular menu">
+        <a class="active item" data-tab="todo">
+          Todo
+        </a>
+        @foreach ($segmentos as $segmento)
+          <a class="item" data-tab="{{mb_strtolower($segmento->titulo)}}">
+            {{$segmento->titulo}}
+          </a>
+        @endforeach
+      </div>
+      <div class="ui active tab bottom attached" data-tab="todo">
+        <div class="ui four column stackable grid"></div>
+      </div>
+      @foreach ($segmentos as $segmento)
+        <div class="ui tab bottom attached" data-tab="{{mb_strtolower($segmento->titulo)}}">
+          <div class="ui four column stackable grid"></div>
+        </div>
+      @endforeach
+    </div>
+  </div>
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/proyectos.css" />
+@endpush
+
+@push('scripts')
+  <script type="text/javascript">
+    var loaded = {
+      todo: false,
+      @foreach ($segmentos as $segmento)
+        '{{mb_strtolower($segmento->titulo)}}': false,
+      @endforeach
+    }
+    function loadSegmento(segmento) {
+      if (loaded[segmento]) {
+        return
+      }
+      var name = segmento
+      if (name.indexOf(' ') > -1) {
+        name = name.replaceAll(' ', '_')
+      }
+      var url = '{{$urls->base}}/proyectos/segmento/' + name
+      $(".tab[data-tab='" + segmento + "']").find('.grid').html('')
+      loaded[segmento] = true
+      $.getJSON(url, (data) => {
+        $(".tab[data-tab='" + segmento + "']").find('.grid').append(
+          $('<div></div>').attr('class', 'ui active centered inline loader')
+        )
+        $.each(data.proyectos, (i, el) => {
+          getProyecto(segmento, el)
+        })
+      })
+    }
+    function getProyecto(segmento, id_proyecto) {
+      var url = '{{$urls->base}}/proyecto/' + id_proyecto + '/ficha'
+      $.ajax({
+        url: url,
+        success: (data) => {
+          if ($(".tab[data-tab='" + segmento + "']").find('.grid').find('.loader').length > 0) {
+            $(".tab[data-tab='" + segmento + "']").find('.grid').html('')
+          }
+          $(".tab[data-tab='" + segmento + "']").find('.grid').append(
+            $('<div></div>').attr('class', 'column').append(data)
+          )
+        }
+      })
+    }
+    $(document).ready(() => {
+      loadSegmento('todo')
+      $('#proyectos').find('.tabular.menu .item').tab({
+        onFirstLoad: (tabPath, parameterArray, historyEvent) => {
+          if (tabPath == 'todo') {
+            return
+          }
+          loadSegmento(tabPath)
+        }
+      })
+      if (window.location.hash) {
+        var start = (window.location.hash).replace('#', '').replace('%20', ' ')
+        $('#proyectos').find('.tabular.menu .item').tab('change tab', start)
+      }
+    })
+  </script>
+@endpush

resources/views/proyectos/proyecto/buscar.blade.php

@@ -0,0 +1,54 @@
+<div id="buscar">
+  <div class="ui header">
+    Buscar
+  </div>
+  <hr class="ui divider" />
+  <form class="ui form">
+    <div class="ui field">
+      <label>Estado:</label>
+      <input type="text" name="estado" />
+    </div>
+    <div class="ui field">
+      <label>Tipo:</label>
+      <input type="text" name="tipo" />
+    </div>
+    <div class="ui field">
+      <label>Ubicaci&oacute;n:</label>
+      <input type="text" name="ubicacion" />
+    </div>
+    <div class="ui field">
+      <label>Precio:</label>
+      <div class="ui range slider" id="precio"></div>
+      <input type="hidden" name="precio" value="1.000 - 30.000" />
+      <div class="price_label">
+        1.000 - 30.000 UF
+      </div>
+    </div>
+    <button class="ui fluid button">Buscar</button>
+  </form>
+</div>
+
+@push('scripts')
+  <script type="text/javascript">
+    function changePrice(min, max) {
+      $("input[name='precio']").val(min + '-' + max)
+      formatter = new Intl.NumberFormat('de-DE')
+      $('.price_label').html(formatter.format(min) + ' - ' + formatter.format(max) + ' UF')
+    }
+    var gMin = 1000
+    var gMax = 30000
+    $(document).ready(() => {
+      changePrice(gMin, gMax)
+      $('#precio').slider({
+        min: gMin,
+        max: gMax,
+        start: gMin,
+        end: gMax,
+        step: 500,
+        onChange: (range, min, max) => {
+          changePrice(min, max)
+        }
+      })
+    })
+  </script>
+@endpush

resources/views/proyectos/proyecto/datos.blade.php

@@ -0,0 +1,108 @@
+<div id="datos">
+  <div class="ui top attached tabular menu">
+    <a class="active item" data-tab="informacion">Informaci&oacute;n</a>
+    <a class="item" data-tab="mapa">Ver Mapa</a>
+    <a class="item" data-tab="video">Video</a>
+    <a class="item" data-tab="estado">Estado del Proyecto</a>
+  </div>
+  <div class="ui bottom attached basic segment active tab" data-tab="informacion">
+    <div class="ui grid">
+      <div class="four wide column">
+        <div class="ui two columns grid informacion">
+          <div class="row">
+            <div class="column">
+              Precio:
+            </div>
+            <div class="column">
+              {{$proyecto->valor}} UF
+            </div>
+          </div>
+          <div class="row">
+            <div class="column">
+              Estado:
+            </div>
+            <div class="column">
+              {{$proyecto->estado}}
+            </div>
+          </div>
+          <div class="row">
+            <div class="column">
+              Tipo:
+            </div>
+            <div class="column">
+              {{$proyecto->segmento}}
+            </div>
+          </div>
+          <div class="row">
+            <div class="column">
+              Ubicaci&oacute;n:
+            </div>
+            <div class="column">
+              {{$proyecto->comuna}}, {{$proyecto->ciudad}}
+            </div>
+          </div>
+          <div class="row">
+            <div class="column">
+              Unidades:
+            </div>
+            <div class="column">
+              {{$proyecto->unidades}}
+            </div>
+          </div>
+          <div class="row">
+            <div class="column">
+              Modelos:
+            </div>
+            <div class="column">
+              {{$proyecto->modelos}}
+            </div>
+          </div>
+          <div class="row">
+            <div class="column">
+              Tama&ntilde;o
+            </div>
+            <div class="column">
+              {{$proyecto->tamaño}}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="twelve wide column">
+        {{$proyecto->descripcion}}
+      </div>
+    </div>
+  </div>
+  <div class="ui bottom attached basic segment tab" data-tab="mapa">
+    <div class="ui fluid placeholder">
+      <div class="image"></div>
+    </div>
+  </div>
+  <div class="ui bottom attached basic segment tab" data-tab="video">
+    <div class="ui fluid placeholder">
+      <div class="image"></div>
+    </div>
+  </div>
+  <div class="ui bottom attached basic segment tab" data-tab="estado">
+    <div class="ui fluid placeholder">
+      <div class="paragraph">
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+@push('scripts')
+  <script type="text/javascript">
+    $(document).ready(() => {
+      $('#datos').find('.tabular .item').tab()
+    })
+  </script>
+@endpush

resources/views/proyectos/proyecto/galeria.blade.php

@@ -0,0 +1,66 @@
+<div id="galeria">
+  <div class="ui image" data-id="0">
+    <img src="{{$urls->images}}/{{mb_strtolower($proyecto->edificio)}}/{{$proyecto->imagen}}" />
+  </div>
+  <div class="ui grid" id="thumbnails">
+    @foreach ($proyecto->images as $i => $image)
+      @if ($i == 0)
+        @continue
+      @endif
+      <div class="three wide column">
+        <div class="ui image" data-id="{{$i}}">
+          <img src="{{$urls->images}}/{{mb_strtolower($proyecto->edificio)}}/{{$image}}" />
+        </div>
+      </div>
+    @endforeach
+  </div>
+</div>
+
+@push('scripts')
+  <script type="text/javascript">
+    var images = [
+      @foreach ($proyecto->images as $image)
+        '{{$urls->images}}/{{mb_strtolower($proyecto->edificio)}}/{{$image}}',
+      @endforeach
+    ]
+    function populateThumbs(current) {
+      var thumbs = $('#thumbnails')
+      thumbs.html('')
+      $.each(images, (i, el) => {
+        if (i == current) {
+          return
+        }
+        thumbs.append(
+          $('<div></div>').attr('class', 'three wide column').append(
+            $('<div></div>').attr('class', 'ui image').attr('data-id', i).append(
+              $('<img />').attr('src', el)
+            )
+          )
+        )
+      })
+      $('#galeria').find('.grid .image').click(function(e) {
+        var id = $(this).attr('data-id')
+        changeImage(id)
+      })
+    }
+    function changeImage(id) {
+      var big = $('#galeria>.image')
+      big.find('img').attr('src', images[id])
+      big.attr('data-id', id)
+      populateThumbs(id)
+    }
+    $(document).ready(() => {
+      $('#galeria').find('.grid .image').click(function(e) {
+        var id = $(this).attr('data-id')
+        changeImage(id)
+        /*var big = $('#galeria>.image')
+        var big_id = big.attr('data-id')
+        big.find('img').attr('src', images[id])
+        big.attr('data-id', id)
+        $(this).find('img').attr('src', images[big_id])
+        $(this).attr('data-id', big_id)
+        populateThumbs(id)*/
+      })
+    })
+  </script>
+@endpush

resources/views/proyectos/show.blade.php

@@ -0,0 +1,29 @@
+@extends('layout.base')
+
+@section('page_content')
+  <div id="proyecto">
+    <div class="ui container">
+      <div class="ui one columns grid">
+        <div class="column">
+          <div class="titulo">
+            <span class="ui header">
+              {{$proyecto->edificio}}
+            </span>
+            <span class="direccion">
+              {{$proyecto->direccion}}, {{$proyecto->comuna}}, {{$proyecto->ciudad}}
+            </span>
+            <div class="publicado">
+              Publicado el {{$proyecto->publicacion}}
+            </div>
+          </div>
+          @include('proyectos.proyecto.galeria')
+          @include('proyectos.proyecto.datos')
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/proyecto.css" />
+@endpush

tests/create_proyectos.php

@@ -0,0 +1,48 @@
+<?php
+use Carbon\Carbon;
+use joshtronic\LoremIpsum;
+
+$__environment = 'web';
+include_once implode(DIRECTORY_SEPARATOR, [
+  dirname(__DIR__),
+  'bootstrap',
+  'app.php'
+]);
+$filename = implode(DIRECTORY_SEPARATOR, [
+  $app->getContainer()->get('folders.data'),
+  'segmentos.json'
+]);
+$segmentos = json_decode(trim(file_get_contents($filename)));
+$f = Carbon::today();
+$lipsum = new LoremIpsum;
+
+$comunas = ['Santiago', 'Macul', 'Ñuñoa', 'San Miguel', 'Las Condes', 'Estacion Central', 'Pudahuel', 'Lo Barnechea', 'Vitacura', 'Maipu', 'Puente Alto'];
+
+$proyectos = [];
+for ($i = 0; $i < 100; $i ++) {
+  $proyecto = [];
+  $proyecto['edificio'] = ucwords($lipsum->words(2));
+  $proyecto['segmento'] = $segmentos[mt_rand(0, count($segmentos) - 1)]->titulo;
+  $proyecto['direccion'] = ucwords($lipsum->words(2)) . ' ' . mt_rand(10, 59999);
+  $proyecto['comuna'] = $comunas[mt_rand(0, count($comunas) - 1)];
+  $proyecto['ciudad'] = 'Santiago, Chile';
+  $proyecto['imagen'] = 'optimus.jpg';
+  $proyecto['valor'] = number_format(mt_rand() / mt_getrandmax() * 10000, 2, ',', '.');
+  $proyecto['bono'] = number_format(mt_rand() / mt_getrandmax() * 100, 2, ',', '.');
+  $proyecto['rentabilidad'] = mt_rand(10, 70);
+  $proyecto['estado'] = (['Construcción', 'Entrega Inmediata', 'Usado'])[mt_rand(0, 2)];
+  $proyecto['cuota'] = mt_rand(1, 30);
+  $proyecto['entrega'] = str_pad(mt_rand(1, 12), 2, '0', STR_PAD_LEFT) . '/' . mt_rand(19, 25);
+  $proyecto['publicacion'] = $f->copy()->subDays(mt_rand(0, 100))->locale('es')->isoFormat('D \d\e MMMM, YYYY');
+  $proyecto['unidades'] = mt_rand(10, 300);
+  $proyecto['modelos'] = mt_rand(1, 20);
+  $proyecto['tamaño'] = mt_rand(30, 200) . ' - ' . mt_rand(100, 500) . ' m²';
+  $proyecto['descripcion'] = $lipsum->paragraphs(2);
+  $proyectos []= (object) $proyecto;
+}
+$filename = implode(DIRECTORY_SEPARATOR, [
+  $app->getContainer()->get('folders.data'),
+  'proyectos.json'
+]);
+file_put_contents($filename, json_encode($proyectos, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES));
+echo 'OK';