Código fuente del sitio Drenax Pro

.claude/settings.local.json

@@ -0,0 +1,32 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(unzip:*)",
+      "Bash(apt-get update:*)",
+      "Bash(apt-get install:*)",
+      "Bash(wc:*)",
+      "Bash(php:*)",
+      "Bash(curl:*)",
+      "Bash(convert:*)",
+      "Bash(ls:*)",
+      "Bash(ss:*)",
+      "Bash(netstat:*)",
+      "Bash(systemctl daemon-reload:*)",
+      "Bash(systemctl enable:*)",
+      "Bash(systemctl status:*)",
+      "Bash(du:*)",
+      "Bash(python3:*)",
+      "Bash(git init:*)",
+      "Bash(git add:*)",
+      "Bash(git -c:*)",
+      "Bash(git remote add:*)",
+      "Bash(git push:*)",
+      "Bash(git config:*)",
+      "Bash(pgrep:*)",
+      "Bash(systemctl list-units:*)",
+      "Bash(git reset:*)",
+      "Bash(git update-ref:*)",
+      "Bash(git rm:*)"
+    ]
+  }
+}

.gitignore

@@ -0,0 +1,11 @@
+# Backups y archivos grandes
+public_html/drenaxmx_public_html.zip
+public_html/OLD/
+public_html/wp/
+public_html/lpads/
+public_html/*.sql
+public_html/vendor/
+public_html/log/
+
+# Zip del proyecto
+*.zip

public_html/.htacces

@@ -0,0 +1,4 @@
+RewriteEngine On
+RewriteCond %{HTTPS} !=on
+RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]
+Header always set Content-Security-Policy "upgrade-insecure-requests;"

public_html/.htaccess-

@@ -0,0 +1,44 @@
+
+RewriteEngine on
+
+RewriteOptions inherit
+
+# BEGIN cPanel-generated php ini directives, do not edit
+# Manual editing of this file may result in unexpected behavior.
+# To make changes to this file, use the cPanel MultiPHP INI Editor (Home >> Software >> MultiPHP INI Editor)
+# For more information, read our documentation (https://go.cpanel.net/EA4ModifyINI)
+<IfModule php7_module>
+   php_flag display_errors Off
+   php_value max_execution_time 300
+   php_value max_input_time 600
+   php_value max_input_vars 1000
+   php_value memory_limit 128M
+   php_value post_max_size 128M
+   php_value session.gc_maxlifetime 1440
+   php_value session.save_path "/var/cpanel/php/sessions/ea-php74"
+   php_value upload_max_filesize 128M
+   php_flag zlib.output_compression Off
+</IfModule>
+<IfModule lsapi_module>
+   php_flag display_errors Off
+   php_value max_execution_time 300
+   php_value max_input_time 600
+   php_value max_input_vars 1000
+   php_value memory_limit 128M
+   php_value post_max_size 128M
+   php_value session.gc_maxlifetime 1440
+   php_value session.save_path "/var/cpanel/php/sessions/ea-php74"
+   php_value upload_max_filesize 128M
+   php_flag zlib.output_compression Off
+</IfModule>
+# END cPanel-generated php ini directives, do not edit
+RewriteCond %{HTTP_HOST} ^drenax\.com\.mx$ [OR]
+RewriteCond %{HTTP_HOST} ^www\.drenax\.com\.mx$
+RewriteRule ^/?$ "https\:\/\/www\.drenax\.mx\/" [R=301,L]
+
+# php -- BEGIN cPanel-generated handler, do not edit
+# Set the “ea-php74” package as the default “PHP” programming language.
+<IfModule mime_module>
+  AddHandler application/x-httpd-ea-php74 .php .php7 .phtml
+</IfModule>
+# php -- END cPanel-generated handler, do not edit

public_html/.user.ini

@@ -0,0 +1,15 @@
+; cPanel-generated php ini directives, do not edit
+; Manual editing of this file may result in unexpected behavior.
+; To make changes to this file, use the cPanel MultiPHP INI Editor (Home >> Software >> MultiPHP INI Editor)
+; For more information, read our documentation (https://go.cpanel.net/EA4ModifyINI)
+
+display_errors = Off
+max_execution_time = 300
+max_input_time = 600
+max_input_vars = 1000
+memory_limit = 128M
+post_max_size = 128M
+session.gc_maxlifetime = 1440
+session.save_path = "/var/cpanel/php/sessions/ea-php74"
+upload_max_filesize = 128M
+zlib.output_compression = Off

public_html/assets/icons/Recurso x.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 388.91 376.44"><g id="Capa_2" data-name="Capa 2"><g id="Capa_1-2" data-name="Capa 1"><path d="M60.43,173.32l39.94,1.44,19.07,30.52-.47.8-4.3,7.46-.77,1.33-.52,1.46a41,41,0,0,0,33.24,54.4l1.1.15h19L168.63,341l-64.15.08-24.57,0A74.52,74.52,0,0,1,22.82,238.65L32.42,222l28-48.65M29,155.17l17,9.26L17.69,213.49,7.59,231a91.51,91.51,0,0,0,71.09,127.1l25.82,0,81.6-.1-2.89-104.11H148.84A24,24,0,0,1,129.39,222l4.31-7.45,1-1.72,14.46,7.89L110,158.09l-81-2.92Z"/><path d="M193.66,17A74.6,74.6,0,0,1,254,47.93l9.24,16.89,26.94,49.25-22,33.34-36,.38-.45-.81-4.12-7.56-.74-1.35-1-1.2a41,41,0,0,0-63.76,0l-.7.87-.58.95-3.29,5.39-6,9.83L90.67,119.08,124,64.28l12.77-21A74.2,74.2,0,0,1,193.66,17m0-17a91.49,91.49,0,0,0-70.74,33.38L109.49,55.44,67.07,125.15l90.38,51.76L172.06,153l3.29-5.4A24.05,24.05,0,0,1,194,138.66a24.09,24.09,0,0,1,18.63,8.9l4.12,7.56,1,1.74-14.27,8.23,73.88-.77,44.72-67.66-16.75,9.66L278.15,56.67,268.44,38.9A91.59,91.59,0,0,0,193.66,0Z"/><path d="M324,163.93l31.31,56,12,21.44a74.51,74.51,0,0,1-61.69,99.77l-19.25-.26-56.13-.76-18.2-35.59L229.42,273l.93,0,8.61.12,1.54,0,1.52-.26a41,41,0,0,0,31.33-55.53l-.41-1-.54-1-3.08-5.52-5.61-10.06L324,163.93m6.31-23.53-89.51,53.23,13.66,24.5,3.08,5.52a24,24,0,0,1-18.34,32.5L230.6,256l-2,0-.15-16.47-35.66,64.7,36.92,72.22-.18-19.34,56.6.77,20.24.27a91.49,91.49,0,0,0,76.38-124l-12.61-22.54L330.32,140.4Z"/></g></g></svg>

public_html/assets/icons/arrow-blue.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path id="Forma 12" d="M1,1l0,22l18,-12l-18,-10Z" style="fill:#09206d;"/></svg>

public_html/assets/icons/arrow-red-bull.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "https://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 11 15" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="https://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path id="Forma-7-copia-10" serif:id="Forma 7 copia 10" d="M0.433,0.23l0,13.872l10.179,-7.399l-10.179,-6.473Z" style="fill:#e02d1d;"/></svg>

public_html/assets/icons/arrow-red.svg

@@ -0,0 +1,5 @@
+<svg xmlns="https://www.w3.org/2000/svg" width="29" height="38" viewBox="0 0 29 38">
+  <g id="Grupo_3" data-name="Grupo 3" transform="translate(-4 200)">
+    <path id="Trazado_1" data-name="Trazado 1" d="M28-72,56-56,27-34l6-19Z" transform="translate(-23 -128)" fill="#e02e1c" fill-rule="evenodd"/>
+  </g>
+</svg>

public_html/assets/icons/casco.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(766 -210)"><path class="b" d="M-712.434,477.8h223.361a23.845,23.845,0,0,0,23.818-23.818,23.855,23.855,0,0,0-15.878-22.453V406.341a117.4,117.4,0,0,0-24.376-71.853,121.371,121.371,0,0,0-55.577-40.461,23.847,23.847,0,0,0-23.788-22.656h-31.758a23.846,23.846,0,0,0-23.788,22.656A121.361,121.361,0,0,0-696,334.488a117.4,117.4,0,0,0-24.376,71.853v25.183a23.856,23.856,0,0,0-15.879,22.453A23.845,23.845,0,0,0-712.434,477.8Zm40.227-146.008V358.7a7.939,7.939,0,0,0,7.939,7.94,7.939,7.939,0,0,0,7.939-7.94v-39.37a103.269,103.269,0,0,1,15.879-8.3v63.548a7.939,7.939,0,0,0,7.939,7.939,7.939,7.939,0,0,0,7.94-7.939V295.189a7.948,7.948,0,0,1,7.939-7.939h31.758a7.949,7.949,0,0,1,7.939,7.939v4.661c0,.023,0,.045,0,.068v74.665A7.939,7.939,0,0,0-569,382.522a7.939,7.939,0,0,0,7.94-7.939V311.035a103.434,103.434,0,0,1,15.878,8.3V358.7a7.94,7.94,0,0,0,7.94,7.94,7.94,7.94,0,0,0,7.939-7.94V331.787a103.338,103.338,0,0,1,32.287,74.554v23.818H-704.494V406.341A103.338,103.338,0,0,1-672.207,331.787Zm-40.227,114.25h223.361a7.949,7.949,0,0,1,7.94,7.94,7.948,7.948,0,0,1-7.94,7.939H-712.434a7.948,7.948,0,0,1-7.939-7.939A7.949,7.949,0,0,1-712.434,446.037Z"/></g></g></svg>

public_html/assets/icons/cascos.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-0.316 -11.902)"><g transform="translate(120.036 120.977)"><g transform="translate(0 0)"><path class="b" d="M-170.04-240.963h-1.841a16.592,16.592,0,0,1-16.573-16.573v-69.975a16.592,16.592,0,0,1,16.573-16.573h1.841a16.592,16.592,0,0,1,16.573,16.573v69.975A16.592,16.592,0,0,1-170.04-240.963Zm-1.841-92.073a5.53,5.53,0,0,0-5.524,5.524v69.975a5.531,5.531,0,0,0,5.524,5.524h1.841a5.531,5.531,0,0,0,5.524-5.524v-69.975a5.531,5.531,0,0,0-5.524-5.524Z" transform="translate(188.455 344.084)"/></g></g><g transform="translate(98.726 132.652)"><g transform="translate(0 0)"><path class="b" d="M-186.739-252.144a5.525,5.525,0,0,1-1.569-.228l-19.335-5.72a5.525,5.525,0,0,1-3.957-5.3v-56.093a5.525,5.525,0,0,1,3.79-5.245l19.335-6.394a5.527,5.527,0,0,1,6.98,3.511,5.526,5.526,0,0,1-3.511,6.98l-15.546,5.14v47.975l15.378,4.549a5.524,5.524,0,0,1,3.73,6.865A5.527,5.527,0,0,1-186.739-252.144Z" transform="translate(211.6 331.403)"/></g></g><g transform="translate(83.534 45.902)"><g transform="translate(0 0)"><path class="b" d="M-222.576-278.092a5.524,5.524,0,0,1-5.524-5.524v-62.761c0-17.886,8.162-37.142,21.835-51.511,12.04-12.652,34.238-27.734,71.619-27.734a5.525,5.525,0,0,1,5.524,5.524,5.525,5.525,0,0,1-5.524,5.524c-33.465,0-53.065,13.215-63.614,24.3-11.767,12.365-18.791,28.775-18.791,43.895v62.761A5.525,5.525,0,0,1-222.576-278.092Z" transform="translate(228.1 425.623)"/></g></g><g transform="translate(295 449)"><path class="b" d="M-225.682-276.883c-1.677,0-7.445-.314-11.677-4.379a14.541,14.541,0,0,1-4.325-10.872c0-11.345,9.551-15.776,15.97-15.987a5.992,5.992,0,0,1,6.194,5.8,6,6,0,0,1-5.8,6.193c-2.87.176-4.364,1.52-4.364,3.994,0,1.606.48,2.066.638,2.218a5.768,5.768,0,0,0,3.288,1.035,6,6,0,0,1,6.236,5.754,6,6,0,0,1-5.754,6.236C-225.352-276.888-225.491-276.883-225.682-276.883Z"/></g><g transform="translate(191.389 120.977)"><g transform="translate(0 0)"><path class="b" d="M-92.544-240.963h-1.841a16.592,16.592,0,0,1-16.573-16.573v-69.975a16.592,16.592,0,0,1,16.573-16.573h1.841a16.592,16.592,0,0,1,16.573,16.573v69.975A16.592,16.592,0,0,1-92.544-240.963Zm-1.841-92.073a5.53,5.53,0,0,0-5.524,5.524v69.975a5.531,5.531,0,0,0,5.524,5.524h1.841a5.531,5.531,0,0,0,5.524-5.524v-69.975a5.531,5.531,0,0,0-5.524-5.524Z" transform="translate(110.959 344.084)"/></g></g><g transform="translate(217.3 132.652)"><g transform="translate(0 0)"><path class="b" d="M-77.294-252.144a5.527,5.527,0,0,1-5.3-3.958,5.525,5.525,0,0,1,3.731-6.865l15.378-4.549v-47.975l-15.546-5.14a5.526,5.526,0,0,1-3.511-6.98,5.524,5.524,0,0,1,6.979-3.511l19.335,6.394a5.525,5.525,0,0,1,3.791,5.245v56.093a5.525,5.525,0,0,1-3.957,5.3l-19.335,5.72A5.526,5.526,0,0,1-77.294-252.144Z" transform="translate(82.817 331.404)"/></g></g><g transform="translate(163.9 45.902)"><g transform="translate(0 0)"><path class="b" d="M-47.361-278.092a5.525,5.525,0,0,1-5.524-5.524v-62.761c0-15.12-7.024-31.529-18.791-43.895-10.55-11.086-30.149-24.3-63.614-24.3a5.525,5.525,0,0,1-5.524-5.524,5.525,5.525,0,0,1,5.524-5.524c37.381,0,59.578,15.082,71.618,27.734C-50-383.52-41.837-364.264-41.837-346.378v62.761A5.524,5.524,0,0,1-47.361-278.092Z" transform="translate(140.815 425.623)"/></g></g><g transform="translate(75.483 213.049)"><g transform="translate(0 0)"><path class="b" d="M-159.28-165.114h-52.526c-10.749,0-17.544-2.235-21.388-7.033-3.653-4.559-3.652-10.2-3.651-15.183v-.237c0-7.372,0-24.637,24.637-24.637,2.444,0,21.5-.061,23.106-.144,9.944-.736,9.9-2.895,9.737-10.049-.018-.826-.036-1.655-.036-2.484v-13.68a5.524,5.524,0,0,1,5.524-5.524,5.525,5.525,0,0,1,5.524,5.524v13.68c0,.747.017,1.494.033,2.238.165,7.407.44,19.8-20.016,21.317-1.768.131-23.656.17-23.873.17-12.932,0-13.588,5.163-13.588,13.588v.238c0,3.618,0,6.742,1.225,8.273.865,1.08,3.674,2.892,12.765,2.892h52.526a5.524,5.524,0,0,1,5.524,5.524A5.525,5.525,0,0,1-159.28-165.114Z" transform="translate(236.844 244.084)"/></g></g><g transform="translate(147.523 264.763)"><g transform="translate(0)"><path class="b" d="M-95.269-145.168h-46.76A16.592,16.592,0,0,1-158.6-161.741v-9.6a16.592,16.592,0,0,1,16.573-16.573h46.76A16.592,16.592,0,0,1-78.7-171.345v9.6A16.592,16.592,0,0,1-95.269-145.168Zm-46.76-31.7a5.53,5.53,0,0,0-5.524,5.524v9.6a5.53,5.53,0,0,0,5.524,5.524h46.76a5.531,5.531,0,0,0,5.524-5.524v-9.6a5.53,5.53,0,0,0-5.524-5.524Z" transform="translate(158.602 187.918)"/></g></g><g transform="translate(216.38 280.614)"><g transform="translate(0 0)"><path class="b" d="M-28.99-159.653h-49.3a5.525,5.525,0,0,1-5.524-5.524,5.524,5.524,0,0,1,5.524-5.524h49.3a5.525,5.525,0,0,1,5.524,5.524A5.525,5.525,0,0,1-28.99-159.653Z" transform="translate(83.816 170.702)"/></g></g></g></g></svg>

public_html/assets/icons/chaleco.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-2493.203 466.088)"><path class="b" d="M2766.71-337.6h-7.25a21.776,21.776,0,0,1-21.75-21.751v-65.735H2578.2v65.735a21.776,21.776,0,0,1-21.75,21.751h-7.25v159.988H2766.71Zm-14.5,13.772V-294.1h-87V-314.37l41.042-96.218h16.96v51.235a36.314,36.314,0,0,0,29,35.523Zm-101.5,73.231v14.5h-87v-14.5Zm-87-14.5v-14.5h87v14.5Zm101.5,14.5h87v14.5h-87Zm0-14.5v-14.5h87v14.5Zm-7.25-69.23-32.526-76.257h65.054Zm-65.251-25.023v-51.235h16.96l41.041,96.218V-294.1h-87v-29.729a36.315,36.315,0,0,0,29-35.523Zm-29,137.754h87v29.484h-87Zm101.5,29.484V-221.6h87v29.484Zm0,0" transform="translate(0)"/></g></g></svg>

public_html/assets/icons/cohete.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(33.176 -41.418)"><g transform="translate(15.824 110.228)"><path class="b" d="M131.925,278.59a6.182,6.182,0,0,0-5.463-5.463C77.54,267.693,35.837,287.263,1.82,322.28a255.11,255.11,0,0,0-25.387,30.867c-12.2-.5-25.723,5.023-35.312,14.612l-17.486,17.486a6.184,6.184,0,0,0-.983,7.464,6.184,6.184,0,0,0,6.955,2.88,86.09,86.09,0,0,1,16.983-2.651,47.929,47.929,0,0,1,5.838.048c-3.859,7.422-6.816,13.639-7.8,15.2a6.185,6.185,0,0,0,.861,7.665l10.118,10.117c-14.726,20.084-14.969,30.37-14.917,31.827a6.212,6.212,0,0,0,6.5,5.978c3.452,0,13.351-1.465,31.372-14.848l10.644,10.643a6.184,6.184,0,0,0,7.715.829c1.665-1.07,7.516-3.9,14.534-7.571.116,5.23-.593,12.911-2.134,23.322a6.187,6.187,0,0,0,10.486,5.278L37.3,463.935a48.831,48.831,0,0,0,13.859-34.974c10.785-7.536,32.481-26.7,32.481-26.7s53.652-75.4,48.288-123.673ZM120.1,284.951a123.464,123.464,0,0,1-3.133,38.756c-7.616-2.4-15.063-7.111-21.787-13.834-6.749-6.75-11.471-14.226-13.86-21.871a124.663,124.663,0,0,1,38.779-3.051ZM-54.216,380.583l4.079-4.081A39.045,39.045,0,0,1-32.4,366.419c-3.333,5.292-6.305,10.346-8.927,15.01a49.639,49.639,0,0,0-12.885-.846Zm11.7,29.769c1.338-2.64,2.956-5.95,5.927-11.562l8.138,8.14q-4.542,4.873-8.225,9.261Zm30.233-2.365c4.505-4.5,8.825-5.326,14.191-5.442-.118,5.23-.957,9.7-5.447,14.185-19.194,19.194-32.35,27.764-40.217,31.59,3.882-8.019,12.475-21.335,31.473-40.333Zm6.953,39.551-6.375-6.377c2.911-2.473,5.987-5.214,9.232-8.254l8.663,8.664c-5.7,3.041-8.071,4.185-11.52,5.968Zm33.884,7.654-4.948,4.95a60.3,60.3,0,0,0-.3-13.737c4.546-2.56,9.484-5.462,14.658-8.709a36.458,36.458,0,0,1-9.405,17.5ZM17.444,435.34,6.36,424.254c8.2-9.026,7.9-17.722,7.9-27.882a6.181,6.181,0,0,0-6.182-6.182c-9.492,0-18.627-.509-27.882,7.9L-30.393,387.5c28.9-50.685,62.315-82.774,99.853-95.987,2.972,9.616,8.756,18.88,16.976,27.1,8.182,8.183,17.4,13.952,26.977,16.936-13.291,37.332-45.372,70.721-95.97,99.787Zm0,0" transform="translate(78.176 -272.228)"/></g><g transform="translate(118.937 156.32)"><path class="b" d="M87.374,331.685a30.913,30.913,0,1,0,0,43.718,30.951,30.951,0,0,0,0-43.718ZM78.63,366.659a18.547,18.547,0,1,1,0-26.23,18.567,18.567,0,0,1,0,26.23Zm0,0" transform="translate(-34.618 -322.647)"/></g></g></g></svg>

public_html/assets/icons/cronometro.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(55.985 42.138)"><g transform="translate(68.099 24.862)"><path class="b" d="M2888.154-5.143a4.589,4.589,0,0,0,6.555,0l6.554-6.554a4.594,4.594,0,0,0,0-6.554l-14.84-14.84a4.589,4.589,0,0,0-6.555,0l-6.554,6.554a4.589,4.589,0,0,0,0,6.555l.63.63-4.616,4.614a81.142,81.142,0,0,0-41.215-17.147v-8.39h5.088a4.62,4.62,0,0,0,4.614-4.614V-58.524a4.621,4.621,0,0,0-4.614-4.614h-29.469a4.62,4.62,0,0,0-4.615,4.614V-44.89a4.62,4.62,0,0,0,4.615,4.614h5.085v8.39A81.871,81.871,0,0,0,2767.6-14.739l-4.614-4.614.63-.63a4.6,4.6,0,0,0,0-6.555l-6.554-6.554a4.589,4.589,0,0,0-6.555,0l-14.84,14.84a4.589,4.589,0,0,0,0,6.554l6.554,6.554a4.589,4.589,0,0,0,6.554,0l.631-.629,4.614,4.614a82.008,82.008,0,1,0,128.89,0l4.614-4.614Zm-69.689,117.668a62.976,62.976,0,1,1,62.975-62.975,63.065,63.065,0,0,1-62.975,62.975Zm0,0" transform="translate(-2734.292 63.138)"/></g><g transform="translate(6.183 159.466)"><path class="b" d="M2653.35,130.552a8.128,8.128,0,1,0,0,16.256h44.1a7.633,7.633,0,0,0,2.466-.419,95.073,95.073,0,0,1-5.034-15.891H2653.35Zm0,0" transform="translate(-2645.221 -130.498)"/></g><g transform="translate(-18.985 99.428)"><path class="b" d="M2688.825,44.547a8.95,8.95,0,0,0-2.415-.417h-69.269a8.127,8.127,0,0,0,0,16.254h66.647a95.838,95.838,0,0,1,5.037-15.837Zm0,0" transform="translate(-2609.015 -44.13)"/></g><g transform="translate(-7.658 129.474)"><path class="b" d="M2686.344,95.428c0-2.726.159-5.4.369-8.075h-53.276a8.127,8.127,0,0,0,0,16.253h53.222c-.156-2.673-.315-5.4-.315-8.178Zm0,0" transform="translate(-2625.31 -87.353)"/></g><g transform="translate(139.681 111.63)"><path class="b" d="M2889.448,64.163a5,5,0,0,0-6.554-1.941l-28.37,13.9a12.629,12.629,0,0,0-11.115.787,12.482,12.482,0,1,0,18.719,12.164l25.852-18.194a5,5,0,0,0,1.467-6.713Zm-34.345,24.8a5.469,5.469,0,1,1-3.933-6.659,5.51,5.51,0,0,1,3.933,6.659Zm0,0" transform="translate(-2837.267 -61.683)"/></g><g transform="translate(167.393 96.707)"><path class="b" d="M2879.735,49.8a5.1,5.1,0,1,0-1.887-1.833,6.307,6.307,0,0,0,1.887,1.833Zm0,0" transform="translate(-2877.132 -40.216)"/></g><g transform="translate(146.82 91.352)"><path class="b" d="M2852.675,42.736a5.112,5.112,0,1,0-5.139-5.085,5.2,5.2,0,0,0,.682,2.568,5.041,5.041,0,0,0,4.458,2.517Zm0,0" transform="translate(-2847.536 -32.512)"/></g><g transform="translate(147.552 173.625)"><path class="b" d="M2853.678,150.867a5.182,5.182,0,0,0-5.088,5.19,5.056,5.056,0,0,0,5.141,5.037,5.108,5.108,0,0,0,5.033-5.193,5.048,5.048,0,0,0-5.087-5.034Zm0,0" transform="translate(-2848.59 -150.867)"/></g><g transform="translate(168.063 167.939)"><path class="b" d="M2880.605,143.391a5.1,5.1,0,1,0,7.029,1.785,5.184,5.184,0,0,0-7.029-1.785Zm0,0" transform="translate(-2878.096 -142.688)"/></g><g transform="translate(182.967 152.786)"><path class="b" d="M2907.174,121.539a5.125,5.125,0,0,0-6.923,7.079,4.894,4.894,0,0,0,1.888,1.836,5.12,5.12,0,0,0,5.036-8.915Zm0,0" transform="translate(-2899.536 -120.888)"/></g><g transform="translate(105.972 132.933)"><path class="b" d="M2799,97.417a5.112,5.112,0,1,0-10.223.1,5.112,5.112,0,0,0,10.223-.1Zm0,0" transform="translate(-2788.774 -92.329)"/></g><g transform="translate(111.747 153.442)"><path class="b" d="M2799.591,122.562a5.063,5.063,0,0,0-1.784,6.974,5.126,5.126,0,1,0,1.784-6.974Zm0,0" transform="translate(-2797.082 -121.833)"/></g><g transform="translate(188.294 132.147)"><path class="b" d="M2907.2,96.337a4.9,4.9,0,0,0,.735,2.57,5.077,5.077,0,1,0-.735-2.57Zm0,0" transform="translate(-2907.199 -91.199)"/></g><g transform="translate(111.253 112.356)"><path class="b" d="M2799.006,72.292a5.106,5.106,0,1,0,4.982-8.913,5.143,5.143,0,0,0-6.974,1.941,5.263,5.263,0,0,0,.053,5.139,5.452,5.452,0,0,0,1.938,1.833Zm0,0" transform="translate(-2796.371 -62.728)"/></g><g transform="translate(126.114 97.047)"><path class="b" d="M2825.5,50.321a.053.053,0,0,0,.054-.054c.051,0,.051,0,.051-.051h.054a5.127,5.127,0,0,0-5.244-8.811.052.052,0,0,0-.053.054c-.052,0-.052.051-.105.051a5.063,5.063,0,0,0-1.782,6.975,5.149,5.149,0,0,0,7.026,1.836Zm0,0" transform="translate(-2817.749 -40.705)"/></g><g transform="translate(126.912 168.336)"><path class="b" d="M2826.533,143.934a5.123,5.123,0,0,0-6.92,7.077,5.427,5.427,0,0,0,1.887,1.889,5.141,5.141,0,0,0,5.033-8.967Zm0,0" transform="translate(-2818.897 -143.259)"/></g></g></g></svg>

public_html/assets/icons/edificio.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(1199.727 -184.859)"><g transform="translate(-1139.727 244.859)"><path class="b" d="M-980.178,269.28V244.859h-110.708V269.28h-48.842V453.25h208.391V269.28Zm-12.211-12.211V441.039H-1004.6V366.556h-61.865v74.483h-12.211V257.07Zm-24.42,133.907h-37.446v-12.21h37.446Zm-37.446,12.211h12.618v37.852h-12.618Zm24.828,0h12.618v37.852h-12.618Zm-98.089-121.7h36.631V441.039h-36.631Zm183.969,159.549h-36.631V281.49h36.631Zm0,0" transform="translate(1139.727 -244.859)"/></g><g transform="translate(-1115.306 293.701)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-1115.306 318.121)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-1115.306 342.542)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-1115.306 366.963)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-967.968 293.701)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-967.968 318.121)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-967.968 342.542)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-967.968 366.963)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-1115.306 391.384)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-967.968 391.384)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-1066.464 269.28)"><path class="b" d="M-996.575,271.955h-61.865v36.224h61.865Zm-12.21,24.013h-37.446v-11.8h37.446Zm0,0" transform="translate(1058.44 -271.955)"/></g><g transform="translate(-1066.464 318.122)"><path class="b" d="M-996.575,326.146h-61.865V362.37h61.865Zm-12.21,24.013h-37.446v-11.8h37.446Zm0,0" transform="translate(1058.44 -326.146)"/></g></g></g></svg>

public_html/assets/icons/escaleras.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:17.57px;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><path class="b" d="M1451.276,77.937h51.085v41.479h43.226v44.972h39.733v42.353h42.789v44.1h44.1v49.339H1450.839Z" transform="translate(-1397.339 -24.437)"/></g></svg>

public_html/assets/icons/escudo.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-2619.029 -193.896)"><g transform="translate(2694.029 237.896)"><g transform="translate(36.292 71.352)"><path class="b" d="M1031.053-330.94c-34.134,20.912-58.729,47.367-68.717,59.111l-25.645-20.092c-.706-.486-14.749,12-14.377,12.374l46.69,47.509a1.742,1.742,0,0,0,1.345.563,1.126,1.126,0,0,0,.333-.038,1.836,1.836,0,0,0,1.384-1.154c7.527-19.233,32.378-59.511,64.09-88.733a1.82,1.82,0,0,0,.448-2.08c0-.038-5.066-7.755-5.553-7.46Zm0,0" transform="translate(-922.308 330.948)"/></g><g transform="translate(0)"><path class="b" d="M1056.7-382.777c-70.731,0-82.694-26.865-82.809-27.094a3.519,3.519,0,0,0-3.234-2.233h-.039a3.648,3.648,0,0,0-3.282,2.157c-.076.305-12.3,27.17-82.77,27.17a3.53,3.53,0,0,0-3.539,3.5v120.329c0,49.237,84.592,86.873,88.169,88.437a3.362,3.362,0,0,0,1.46.3,3.289,3.289,0,0,0,1.411-.3c3.616-1.564,88.171-39.2,88.171-88.437V-379.276a3.531,3.531,0,0,0-3.54-3.5Zm-15.913,116.828c0,38.533-66.218,68.012-69.052,69.242a2.365,2.365,0,0,1-1.117.219,2.5,2.5,0,0,1-1.125-.219c-2.757-1.231-69.013-30.71-69.013-69.242v-94.171a2.752,2.752,0,0,1,2.756-2.757c55.151,0,64.73-21.055,64.845-21.246a2.706,2.706,0,0,1,2.537-1.707h.039a2.738,2.738,0,0,1,2.528,1.746c.114.191,9.464,21.207,64.844,21.207a2.753,2.753,0,0,1,2.758,2.757Zm0,0" transform="translate(-881.029 412.104)"/></g></g></g></g></svg>

public_html/assets/icons/eslavones.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(450.708 -184.085)"><path class="b" d="M-201,263.14a58.386,58.386,0,0,0-82.478,0l-33.243,33.243a58.365,58.365,0,0,0-9.4,12.3,58.208,58.208,0,0,0-12.289,9.391l-33.243,33.243a58.387,58.387,0,0,0,0,82.48,58.388,58.388,0,0,0,82.478,0l33.243-33.244a58.325,58.325,0,0,0,9.41-12.3,58.145,58.145,0,0,0,12.281-9.388L-201,345.618a58.386,58.386,0,0,0,0-82.478Zm-96.664,162.171a46.372,46.372,0,0,1-65.507,0,46.372,46.372,0,0,1,0-65.507l33.243-33.243a46.372,46.372,0,0,1,65.506,0,46.546,46.546,0,0,1,5.936,7.278l-10.452,10.453a9.153,9.153,0,0,1-13.081-.134,21.368,21.368,0,0,0-30.187,0l-33.37,33.368a21.371,21.371,0,0,0,0,30.187,21.372,21.372,0,0,0,30.188,0l16.619-16.619a58.622,58.622,0,0,0,31.012,4.308ZM-263.071,312l14.291-14.29a9.353,9.353,0,0,1,13.215,0,9.356,9.356,0,0,1,0,13.215l-14.293,14.291a58.578,58.578,0,0,0-6.073-7.14A58.516,58.516,0,0,0-263.071,312Zm-53.648,66.863a58.6,58.6,0,0,0,7.139,6.076l-14.291,14.289a9.353,9.353,0,0,1-13.215,0,9.355,9.355,0,0,1,0-13.214l14.292-14.292a59.051,59.051,0,0,0,6.074,7.141Zm107.236-41.73-33.243,33.243a46.373,46.373,0,0,1-65.507,0,46.6,46.6,0,0,1-5.935-7.28l10.452-10.451a9.355,9.355,0,0,1,13.215,0,21.275,21.275,0,0,0,30.052.134l33.37-33.367a21.372,21.372,0,0,0,0-30.188,21.369,21.369,0,0,0-30.188,0l-16.619,16.618a58.631,58.631,0,0,0-31.012-4.307l29.91-29.907a46.371,46.371,0,0,1,65.506,0,46.371,46.371,0,0,1,0,65.506Zm0,0" transform="translate(0 0)"/></g></g></svg>

public_html/assets/icons/foco.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(22.361 22.287)"><g transform="translate(70.26 26.713)"><path class="b" d="M1354.031-409.287a72.3,72.3,0,0,0-72.221,72.221,72.128,72.128,0,0,0,29.082,57.922v6.032a21.276,21.276,0,0,0-7.268,16.018,21.25,21.25,0,0,0,5.745,14.542,21.241,21.241,0,0,0-5.745,14.54,21.362,21.362,0,0,0,15.022,20.375,35.921,35.921,0,0,0,35.386,30.034,35.923,35.923,0,0,0,35.388-30.034,21.367,21.367,0,0,0,15.022-20.377,21.248,21.248,0,0,0-5.745-14.541,21.243,21.243,0,0,0,5.745-14.54,21.282,21.282,0,0,0-7.27-16.02v-6.03a72.128,72.128,0,0,0,29.081-57.922,72.3,72.3,0,0,0-72.222-72.221Zm29.083,144.44a7.763,7.763,0,0,1,7.752,7.753,7.762,7.762,0,0,1-7.752,7.754h-58.164a7.762,7.762,0,0,1-7.754-7.754,7.763,7.763,0,0,1,7.754-7.753Zm-29.083,73.67a22.337,22.337,0,0,1-21.238-15.507h42.476a22.333,22.333,0,0,1-21.238,15.507Zm29.083-29.082h-58.164a7.762,7.762,0,0,1-7.754-7.752,7.761,7.761,0,0,1,7.754-7.752h58.164a7.761,7.761,0,0,1,7.752,7.752,7.762,7.762,0,0,1-7.752,7.752Zm3.494-68.037a6.789,6.789,0,0,0-3.012,5.64v4.246c-.161,0-.322-.013-.482-.013h-7.755v-26.751l9.747-9.747a6.787,6.787,0,0,0,0-9.6,6.785,6.785,0,0,0-9.6,0l-11.736,11.735a6.787,6.787,0,0,0-1.988,4.8v29.563h-15.506v-29.563a6.79,6.79,0,0,0-1.988-4.8l-11.736-11.735a6.788,6.788,0,0,0-9.6,0,6.787,6.787,0,0,0,0,9.6l9.747,9.747v26.753h-7.753c-.162,0-.323.008-.484.011v-4.246a6.788,6.788,0,0,0-3.012-5.64,58.6,58.6,0,0,1-26.069-48.77,58.712,58.712,0,0,1,58.646-58.646,58.713,58.713,0,0,1,58.646,58.646,58.6,58.6,0,0,1-26.069,48.77Zm0,0" transform="translate(-1281.81 409.287)"/></g><g transform="translate(26.639 92.147)"><path class="b" d="M1257.755-324.239a6.787,6.787,0,0,0-6.788-6.788h-14.541a6.787,6.787,0,0,0-6.787,6.788,6.788,6.788,0,0,0,6.787,6.788h14.541a6.788,6.788,0,0,0,6.788-6.788Zm0,0" transform="translate(-1229.639 331.027)"/></g><g transform="translate(41.249 139.402)"><path class="b" d="M1263.1-273.6l-12.593,7.27a6.791,6.791,0,0,0-2.483,9.273,6.783,6.783,0,0,0,5.885,3.394,6.735,6.735,0,0,0,3.386-.911l12.593-7.269a6.788,6.788,0,0,0,2.485-9.272,6.787,6.787,0,0,0-9.272-2.485Zm0,0" transform="translate(-1247.112 274.509)"/></g><g transform="translate(41.25 37.619)"><path class="b" d="M1269.888-388.064l-12.593-7.268a6.785,6.785,0,0,0-9.271,2.485,6.787,6.787,0,0,0,2.483,9.272l12.593,7.27a6.76,6.76,0,0,0,3.387.911,6.787,6.787,0,0,0,5.885-3.4,6.79,6.79,0,0,0-2.485-9.273Zm0,0" transform="translate(-1247.114 396.243)"/></g><g transform="translate(230.208 92.147)"><path class="b" d="M1494.439-331.027H1479.9a6.788,6.788,0,0,0-6.787,6.788,6.789,6.789,0,0,0,6.787,6.788h14.541a6.789,6.789,0,0,0,6.788-6.788,6.788,6.788,0,0,0-6.788-6.788Zm0,0" transform="translate(-1473.111 331.027)"/></g><g transform="translate(217.544 37.618)"><path class="b" d="M1464.76-375.4a6.759,6.759,0,0,0,3.387-.911l12.594-7.272a6.787,6.787,0,0,0,2.483-9.272,6.785,6.785,0,0,0-9.271-2.483l-12.594,7.27a6.786,6.786,0,0,0-2.483,9.272,6.783,6.783,0,0,0,5.884,3.4Zm0,0" transform="translate(-1457.965 396.244)"/></g><g transform="translate(217.544 139.404)"><path class="b" d="M1480.74-266.328l-12.593-7.268a6.788,6.788,0,0,0-9.273,2.485,6.788,6.788,0,0,0,2.486,9.271l12.594,7.269a6.746,6.746,0,0,0,3.386.911,6.785,6.785,0,0,0,5.885-3.4,6.786,6.786,0,0,0-2.485-9.272Zm0,0" transform="translate(-1457.964 274.507)"/></g></g></g></svg>

public_html/assets/icons/hoja.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-2161.976 91.549)"><g transform="translate(2217.527 -38.957)"><path class="b" d="M2429.341,33.113a373.868,373.868,0,0,0,7.023-64.994,6.642,6.642,0,0,0-1.874-4.64,6.312,6.312,0,0,0-4.522-1.923,346.6,346.6,0,0,0-63.338,7.207,302.378,302.378,0,0,0-35.051,9.326c-.075.022-.147.048-.22.073q-10.65,3.569-20.318,7.813A192.96,192.96,0,0,0,2289-2.655a6.45,6.45,0,0,0-.6.371,144.775,144.775,0,0,0-28.515,22.389,88.321,88.321,0,0,0-4.356,117.726L2219.9,174.4a6.682,6.682,0,0,0,0,9.281,6.278,6.278,0,0,0,9.045,0l35.635-36.565a82.888,82.888,0,0,0,114.726-4.468,147.669,147.669,0,0,0,21.818-29.264,6.5,6.5,0,0,0,.362-.617,201.852,201.852,0,0,0,11.079-22.61q4.141-9.912,7.624-20.873c.02-.062.04-.125.058-.186a323.941,323.941,0,0,0,9.094-35.984Zm-60.45-51.429a356.191,356.191,0,0,1,54.494-6.812,383.809,383.809,0,0,1-6.638,55.92c-1.792,9.162-4.183,19.343-7.343,29.862l-60.572,0,37.211-38.182a6.689,6.689,0,0,0,0-9.284,6.283,6.283,0,0,0-9.047,0L2339.79,51.373V-10.781a293,293,0,0,1,29.1-7.535Zm23.2,121.442h-84.645l28.594-29.343,69.052,0a208.265,208.265,0,0,1-13,29.344ZM2327-6.356V64.5l-28.6,29.343,0-86.856A198.007,198.007,0,0,1,2327-6.356Zm-79.048,87.73a74.017,74.017,0,0,1,20.985-51.986,123.637,123.637,0,0,1,16.672-14.214l0,91.794-21,21.546a74.12,74.12,0,0,1-16.664-47.14Zm122.312,51.99a70.32,70.32,0,0,1-96.6,4.432l20.994-21.543h89.459a125.46,125.46,0,0,1-13.851,17.111Zm0,0" transform="translate(-2218.026 38.445)"/></g><g transform="translate(2215.976 -40.549)"><path class="b" d="M2223.923,186.682a7.8,7.8,0,0,1-5.62-2.39,8.306,8.306,0,0,1,0-11.532l34.623-35.53a89.96,89.96,0,0,1,5.365-118.763A146.691,146.691,0,0,1,2287.073-4.14a7.777,7.777,0,0,1,.673-.415A195.4,195.4,0,0,1,2309.929-16c6.421-2.822,13.3-5.468,20.447-7.863.1-.036.184-.064.269-.089a304.647,304.647,0,0,1,35.18-9.358,348.357,348.357,0,0,1,63.642-7.237,7.791,7.791,0,0,1,5.619,2.389,8.2,8.2,0,0,1,2.329,5.766,375.664,375.664,0,0,1-7.053,65.307h0a326.431,326.431,0,0,1-9.14,36.164l-.061.2c-2.337,7.341-4.919,14.408-7.67,21a204.622,204.622,0,0,1-11.151,22.761c-.128.244-.265.477-.406.692A149.62,149.62,0,0,1,2379.9,143.26a84.4,84.4,0,0,1-115.735,5.505l-34.625,35.528A7.785,7.785,0,0,1,2223.923,186.682ZM2429.468-37.365a344.96,344.96,0,0,0-63.034,7.176,302.012,302.012,0,0,0-34.875,9.278l-.163.054c-7.116,2.386-13.909,5-20.244,7.782a192.255,192.255,0,0,0-21.859,11.28l-.056.032a5.086,5.086,0,0,0-.456.281l-.084.055a143.589,143.589,0,0,0-28.21,22.146,86.7,86.7,0,0,0-4.277,115.561l.94,1.12L2220.5,175.012a5.061,5.061,0,0,0,0,7.029,4.753,4.753,0,0,0,6.85,0L2264,144.432l1.092.965a81.365,81.365,0,0,0,112.617-4.388,146.516,146.516,0,0,0,21.581-28.951l.053-.086a4.8,4.8,0,0,0,.273-.466l.033-.059a201.135,201.135,0,0,0,10.99-22.43c2.717-6.5,5.265-13.48,7.575-20.74l.054-.17a323.8,323.8,0,0,0,9.052-35.818h0a372.11,372.11,0,0,0,6.992-64.682,5,5,0,0,0-1.419-3.514A4.75,4.75,0,0,0,2429.468-37.365ZM2319.1,155.975a72.027,72.027,0,0,1-46.935-17.471l-1.3-1.117,22.647-23.238h93.074l-1.7,2.5a127.455,127.455,0,0,1-14.028,17.326h0A71.8,71.8,0,0,1,2319.1,155.975Zm-43.629-18.808a67.965,67.965,0,0,0,43.629,15.624,68.759,68.759,0,0,0,49.567-21.065,122.133,122.133,0,0,0,11.936-14.393H2294.8Zm-11.454-6.809-1.089-1.332a76.565,76.565,0,0,1,4.413-101.275,125.656,125.656,0,0,1,16.881-14.394l2.438-1.744,0,95.5Zm19.541-112.6A120.623,120.623,0,0,0,2269.532,30,72.416,72.416,0,0,0,2249,80.862a72.035,72.035,0,0,0,15.227,44.772l19.329-19.836ZM2392.5,104.206h-89.3l31.7-32.527,71.919,0-.768,2.142a210.267,210.267,0,0,1-13.1,29.571Zm-81.81-3.184h79.987a205.643,205.643,0,0,0,11.678-26.16l-66.174,0Zm-14.342-3.85,0-91.632.794-.456a199.824,199.824,0,0,1,28.82-13.446l2.088-.788v73.8Zm3.1-89.762V89.486l25.494-26.16v-67.9A195.615,195.615,0,0,0,2299.451,7.41Zm45.138,54.326,39.859-40.9a5.072,5.072,0,0,0,0-7.032,4.758,4.758,0,0,0-6.853,0l-39.855,40.9V-12.468l1.095-.347a294.4,294.4,0,0,1,29.253-7.574,357.386,357.386,0,0,1,54.734-6.84l1.688-.074-.072,1.732a385.453,385.453,0,0,1-6.667,56.165c-2.028,10.361-4.511,20.46-7.383,30.018l-.337,1.124Zm36.433-52.572a7.792,7.792,0,0,1,5.619,2.389,8.319,8.319,0,0,1,0,11.534l-34.561,35.464,55.677,0c2.7-9.122,5.043-18.732,6.97-28.584a383.258,383.258,0,0,0,6.532-53.936,355.33,355.33,0,0,0-52.563,6.7h0c-9.6,1.978-18.964,4.382-27.855,7.152V47.017L2375.4,11.553A7.8,7.8,0,0,1,2381.022,9.164Z" transform="translate(-2215.976 40.549)"/></g></g></g></svg>

public_html/assets/icons/info-icon.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-info-circle fa-w-16 fa-3x"><path fill="#18385e" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z" class=""></path></svg>

public_html/assets/icons/llave.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-0.472 0.095)"><g transform="translate(-2292 -216)"><g transform="translate(1813 650)"><path class="b" d="M759.164-247.271H736.028a21.465,21.465,0,0,0-20.2-14.287,21.462,21.462,0,0,0-20.031,13.824,84.438,84.438,0,0,0-15.687-7.65v-7.4a21.464,21.464,0,0,0,14.287-20.2,21.455,21.455,0,0,0-21.431-21.43H665.82v-16.469a21.465,21.465,0,0,0,14.288-20.2v-7.144h35.718a21.454,21.454,0,0,0,21.43-21.43,21.455,21.455,0,0,0-21.43-21.431H572.954a21.455,21.455,0,0,0-21.431,21.431,21.455,21.455,0,0,0,21.431,21.43h35.718v7.144a21.464,21.464,0,0,0,14.287,20.2v16.469h-7.144a21.455,21.455,0,0,0-21.431,21.43,21.464,21.464,0,0,0,14.288,20.2v7.4a84.378,84.378,0,0,0-15.687,7.65,21.464,21.464,0,0,0-20.031-13.824,21.464,21.464,0,0,0-20.2,14.287H529.616a7.145,7.145,0,0,0-7.144,7.144v71.436a7.145,7.145,0,0,0,7.144,7.144h23.136a21.464,21.464,0,0,0,20.2,14.287,21.461,21.461,0,0,0,20.029-13.821c14.246,8.929,32.361,13.821,51.407,13.821s37.161-4.892,51.406-13.821a21.462,21.462,0,0,0,20.03,13.821,21.465,21.465,0,0,0,20.2-14.287h23.136a7.144,7.144,0,0,0,7.143-7.144v-71.436A7.144,7.144,0,0,0,759.164-247.271ZM551.523-175.835H536.759v-57.148h14.764Zm28.574,7.144a7.152,7.152,0,0,1-7.143,7.144,7.152,7.152,0,0,1-7.144-7.144v-71.436a7.152,7.152,0,0,1,7.144-7.144,7.152,7.152,0,0,1,7.143,7.144Zm85.723-172.4a7.151,7.151,0,0,1-7.143,7.144H630.1a7.152,7.152,0,0,1-7.143-7.144v-7.144H665.82Zm-14.287,21.431v15.24H637.246v-15.24Zm-78.579-42.862a7.152,7.152,0,0,1-7.144-7.143,7.152,7.152,0,0,1,7.144-7.144H715.826a7.152,7.152,0,0,1,7.143,7.144,7.151,7.151,0,0,1-7.143,7.143Zm42.861,72.389h57.149a7.151,7.151,0,0,1,7.144,7.143,7.152,7.152,0,0,1-7.144,7.144H615.815a7.151,7.151,0,0,1-7.143-7.144A7.151,7.151,0,0,1,615.815-290.132Zm78.58,114.3h-.01a7.142,7.142,0,0,0-4.041,1.253c-12.254,8.406-28.574,13.035-45.954,13.035s-33.7-4.629-45.954-13.035a7.147,7.147,0,0,0-4.041-1.253h-.011v-57.148h.011a7.147,7.147,0,0,0,4.041-1.253,71.03,71.03,0,0,1,19.469-9.186,7.144,7.144,0,0,0,5.054-6.831v-11.305H665.82v11.305a7.144,7.144,0,0,0,5.055,6.831,71.071,71.071,0,0,1,19.469,9.186,7.143,7.143,0,0,0,4.04,1.253h.011Zm28.574,7.144a7.152,7.152,0,0,1-7.143,7.144,7.152,7.152,0,0,1-7.144-7.144v-71.436a7.152,7.152,0,0,1,7.144-7.144,7.152,7.152,0,0,1,7.143,7.144Zm29.051-7.144H737.256v-57.148H752.02Z"/></g></g></g></g></svg>

public_html/assets/icons/manocorazon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-0.428 -0.781)"><g transform="translate(-558 -215)"><path class="b" d="M833.969,437.587a33.785,33.785,0,0,0-46.1-8.673l-29.78,19.336h-8.419a33.59,33.59,0,0,0,6.769-20.258V421.24H714.264c-3.735,0-5.216-2.67-7.632-4.475a47.371,47.371,0,0,0-62.454,0l-5.084,4.475H607.428v81.031H758.687l79.094-59.32Zm-79.783,51.179H620.933V434.745H644.19l8.91-7.841a33.837,33.837,0,0,1,44.61,0c1.792,1.209,6.724,7.8,16.554,7.8h27.51a20.334,20.334,0,0,1-19.1,13.551H688.91v13.505h73.176l33.172-21.539a20.211,20.211,0,0,1,23.034.469Z"/></g><g transform="translate(-559 -229)"><path class="b" d="M813.507,285.59a38.091,38.091,0,0,0-29.986-13.809A40.426,40.426,0,0,0,749.749,290.1a40.421,40.421,0,0,0-33.771-18.319,38.1,38.1,0,0,0-29.985,13.807c-6.743,8.171-10.456,19.382-10.456,31.566,0,23.473,14.549,40.073,33.631,57.011,9.792,8.692,1.1.691,41.429,35.8,13.559-12.016,29.633-25.5,48.038-43.306,12.524-12.121,25.328-27.482,25.328-49.5C823.963,304.971,820.25,293.761,813.507,285.59Zm-24.263,71.36c-16.881,16.329-32.31,29.417-38.65,35.053-24.8-21.5-23.034-19.64-31.522-27.138-19.324-17.071-30.03-29.773-30.03-47.71,0-15.863,8.329-31.868,26.936-31.868A27.243,27.243,0,0,1,743,312.689H756.5a27.243,27.243,0,0,1,27.019-27.4c18.607,0,26.936,16.005,26.936,31.867C810.458,334.128,799.733,346.8,789.244,356.95Z"/></g></g></g></svg>

public_html/assets/icons/manos.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-167.804 -198.594)"><g transform="translate(304.339 244.594)"><path class="b" d="M331.108,254.641a5.025,5.025,0,1,0-3.552-1.472A5.072,5.072,0,0,0,331.108,254.641Z" transform="translate(-326.085 -244.594)"/></g><g transform="translate(287.34 244.594)"><path class="b" d="M362.133,377.382a12.974,12.974,0,0,0,16.825-12.388v-23.4a13.138,13.138,0,0,0,20.224-13.446l-4.162-21.1a43.809,43.809,0,0,0-12.092-22.629l-7.116-7.1v-27.7a5.023,5.023,0,0,0-10.047,0V279.4a5.025,5.025,0,0,0,1.476,3.557l8.593,8.569a33.807,33.807,0,0,1,9.329,17.458l4.162,21.1a3.1,3.1,0,0,1-6.053,1.338l-2.15-8.771a6.195,6.195,0,0,0-12.212,1.476v40.861a2.923,2.923,0,0,1-5.821.385V344.041a5.023,5.023,0,0,0-5.023-5.023h-.028a5.023,5.023,0,0,0-5.023,5.023v20.953c0,.274.012.545.028.815V372.5a2.925,2.925,0,1,1-5.85,0v-6.695c.017-.269.029-.539.029-.811V344.041a5.024,5.024,0,0,0-5.023-5.023h-.029a5.024,5.024,0,0,0-5.023,5.023v21.336a2.923,2.923,0,0,1-5.822-.382V357.5c.017-.269.029-.539.029-.811V344.041a5.024,5.024,0,0,0-5.023-5.023H326.3a5.024,5.024,0,0,0-5.023,5.023v13.03a2.923,2.923,0,0,1-5.822-.382V312.52a33.7,33.7,0,0,1,9.97-24.022l5.554-5.538a5.021,5.021,0,0,0,1.477-3.557V267.532a5.023,5.023,0,1,0-10.047,0v9.786l-4.078,4.065a43.678,43.678,0,0,0-12.923,31.136v44.17a12.962,12.962,0,0,0,16.556,12.464,12.971,12.971,0,0,0,16.137,8.228,12.968,12.968,0,0,0,24.032,0Z" transform="translate(-305.409 -244.594)"/></g><g transform="translate(203.804 377.339)"><path class="b" d="M328.184,440.623a12.921,12.921,0,0,0-2.427-3.039,12.974,12.974,0,0,0-12.018-20.817,12.977,12.977,0,0,0-19.144-8.376l-20.265,11.7A13.138,13.138,0,0,0,252.573,409.3l-16.2,14.158a43.816,43.816,0,0,0-13.552,21.786l-2.587,9.711-13.922,8.037a5.023,5.023,0,1,0,5.023,8.7l15.727-9.081a5.023,5.023,0,0,0,2.342-3.057l3.124-11.726a33.811,33.811,0,0,1,10.455-16.808l16.2-14.157a3.1,3.1,0,0,1,4.415.341,3.107,3.107,0,0,1-.23,4.231l-6.521,6.248a6.194,6.194,0,0,0,7.383,9.837l35.387-20.43a2.917,2.917,0,0,1,3.159,4.9L284.384,432.61a5.023,5.023,0,0,0-1.839,6.862l.007.012.007.012a5.024,5.024,0,0,0,6.863,1.838l18.146-10.476c.236-.137.465-.282.691-.432l5.8-3.346a2.925,2.925,0,0,1,2.925,5.066l-5.8,3.348c-.241.12-.48.245-.716.381l-18.147,10.476a5.024,5.024,0,0,0-1.838,6.863,5.176,5.176,0,0,0,.673.907,5.006,5.006,0,0,0,6.2.956l18.476-10.668a2.923,2.923,0,0,1,2.58,5.233l-6.488,3.745c-.242.121-.483.247-.719.383L300.253,460.1a5.023,5.023,0,0,0-1.839,6.862,5.113,5.113,0,0,0,4.369,2.537,5,5,0,0,0,2.508-.674l11.286-6.516a2.918,2.918,0,0,1,3.649,1.238,2.929,2.929,0,0,1-1.07,4l-16.1,9.295L280.9,489.624A33.7,33.7,0,0,1,255.114,493l-7.573-2.041a5.02,5.02,0,0,0-3.819.5l-15.727,9.08a5.023,5.023,0,1,0,5.023,8.7l13.921-8.037,5.559,1.5a43.68,43.68,0,0,0,33.427-4.376L298.611,491h0l9.466-5.465.86-.5h0l15.24-8.8a12.98,12.98,0,0,0,2.519-20.575A12.993,12.993,0,0,0,328.184,440.623Z" transform="translate(-203.804 -406.052)"/></g><g transform="translate(333.884 370.089)"><path class="b" d="M486.63,461.423l-13.922-8.037-1.482-5.564a43.681,43.681,0,0,0-20.5-26.761l-22.152-12.79-16.1-9.3a12.963,12.963,0,0,0-19.07,8.1,12.991,12.991,0,0,0-15.2,9.866,12.967,12.967,0,0,0-12.014,20.809,12.985,12.985,0,0,0,2.317,20.767l20.266,11.7a13.138,13.138,0,0,0,1.533,24.237L410.66,501.4a43.819,43.819,0,0,0,25.643.844l9.7-2.615,13.922,8.037a5.023,5.023,0,0,0,5.023-8.7l-15.728-9.08a5.017,5.017,0,0,0-3.819-.5l-11.717,3.157a33.8,33.8,0,0,1-19.784-.65l-20.358-6.948a3.1,3.1,0,0,1-1.912-3.994,3.11,3.11,0,0,1,3.78-1.916l8.671,2.523a6.194,6.194,0,0,0,4.829-11.312l-35.387-20.431a2.925,2.925,0,0,1,.705-5.358,2.9,2.9,0,0,1,1.872.123l18.48,10.669a5,5,0,0,0,6.2-.954,5.153,5.153,0,0,0,.677-.909,5.024,5.024,0,0,0-1.838-6.863l-18.146-10.476c-.238-.136-.478-.263-.721-.384l-5.795-3.345a2.925,2.925,0,0,1,2.924-5.066l5.8,3.346c.225.15.455.3.691.432l18.146,10.477a5,5,0,0,0,6.2-.955,5.172,5.172,0,0,0,.676-.908,5.023,5.023,0,0,0-1.838-6.863l-18.394-10.62a2.918,2.918,0,0,1,3.159-4.9l6.49,3.747c.224.148.452.293.688.43l10.954,6.323a5,5,0,0,0,6.2-.954,5.152,5.152,0,0,0,.677-.909,5.023,5.023,0,0,0-1.838-6.862l-11.285-6.516a2.923,2.923,0,0,1,3.242-4.85l15.24,8.8h0l.86.5,9.466,5.465h0l12.686,7.325a33.7,33.7,0,0,1,15.818,20.645l2.019,7.578a5.02,5.02,0,0,0,2.342,3.057l15.727,9.081a5.023,5.023,0,1,0,5.023-8.7Z" transform="translate(-362.021 -397.233)"/></g></g></g></svg>

public_html/assets/icons/montanabandera.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-271.789 -858.956)"><g transform="translate(326.789 930.956)"><path class="b" d="M-1347.835,286.424a5.469,5.469,0,0,0-5.468-5.468h-57.927a5.467,5.467,0,0,0-5.468,5.468v34.765a5.465,5.465,0,0,0,5.468,5.468h52.459V342.1l-52.459,52.476-13.513-13.517a5.475,5.475,0,0,0-4.35-1.58,5.45,5.45,0,0,0-4.005,2.325l-52.134,74.977a5.459,5.459,0,0,0-.355,5.653,5.462,5.462,0,0,0,4.845,2.934h208.536c.007,0,.011,0,.015,0a5.465,5.465,0,0,0,5.468-5.468,5.445,5.445,0,0,0-1.21-3.432l-79.9-113.83Zm-57.927,29.3V291.892h46.991v23.829Zm-64.519,138.717,42.427-61.02,12.755,12.762a5.474,5.474,0,0,0,3.87,1.6,5.472,5.472,0,0,0,3.867-1.6l53.323-53.344,71.315,101.6Zm0,0" transform="translate(1486.211 -280.956)"/></g></g></g></svg>

public_html/assets/icons/nubes.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-343.642 -1262)"><g transform="translate(1813 650)"><path class="b" d="M-1241.843,855.186a29.713,29.713,0,0,1-23.692-11.758,29.922,29.922,0,0,1-21.711,9.233,30.061,30.061,0,0,1-30.026-30.027,6.462,6.462,0,0,1,6.461-6.462,6.462,6.462,0,0,1,6.462,6.462,17.123,17.123,0,0,0,17.1,17.1,17.023,17.023,0,0,0,16.338-12.024,6.476,6.476,0,0,1,6.561-4.534,6.46,6.46,0,0,1,5.967,5.291,16.8,16.8,0,0,0,16.537,13.792,16.753,16.753,0,0,0,16.572-14.038,6.463,6.463,0,0,1,2.688-4.245,6.464,6.464,0,0,1,4.916-1.036,18.692,18.692,0,0,0,3.558.352,18.591,18.591,0,0,0,18.57-18.571,18.577,18.577,0,0,0-16.216-18.4,6.46,6.46,0,0,1-4.419-2.614,6.462,6.462,0,0,1-1.118-5.011,10.909,10.909,0,0,0,.2-2.045,10.81,10.81,0,0,0-10.8-10.8,10.8,10.8,0,0,0-8.064,3.645,6.463,6.463,0,0,1-9.123.542,6.462,6.462,0,0,1-.541-9.122,23.735,23.735,0,0,1,17.728-7.988,23.752,23.752,0,0,1,23.652,21.9,31.548,31.548,0,0,1,21.621,29.891,31.53,31.53,0,0,1-31.494,31.495h-.015A29.622,29.622,0,0,1-1241.843,855.186Z"/></g><g transform="translate(1813 650)"><path class="b" d="M-1367.1,835.559a30.419,30.419,0,0,1-30.377-29.731,41.219,41.219,0,0,1-29.877-39.557,41.192,41.192,0,0,1,42.916-41.119,38.572,38.572,0,0,1,36.679-26.326,38.7,38.7,0,0,1,32.61,17.829,38.953,38.953,0,0,1,30.318-14.331,39.167,39.167,0,0,1,39.122,39.123,38.538,38.538,0,0,1-1.807,11.7,32.363,32.363,0,0,1,11.337,24.5,32.4,32.4,0,0,1-22.988,30.847,32.229,32.229,0,0,1-31.1,23.8,32.229,32.229,0,0,1-20.9-7.715,32.044,32.044,0,0,1-21.922,8.616,32.3,32.3,0,0,1-15.482-3.975A30.353,30.353,0,0,1-1367.1,835.559Zm-19.1-97.522a28.266,28.266,0,0,0-28.234,28.234,28.25,28.25,0,0,0,24.659,27.976,6.469,6.469,0,0,1,4.419,2.615,6.462,6.462,0,0,1,1.117,5.011,17.636,17.636,0,0,0-.324,3.3,17.48,17.48,0,0,0,17.46,17.46,17.469,17.469,0,0,0,13.042-5.891,6.464,6.464,0,0,1,8.885-.741,19.084,19.084,0,0,0,12.089,4.268,19.234,19.234,0,0,0,16.263-8.939,6.457,6.457,0,0,1,5.309-2.979,6.439,6.439,0,0,1,5.429,2.754,19.335,19.335,0,0,0,15.817,8.263,19.288,19.288,0,0,0,19.154-17.011,6.462,6.462,0,0,1,5.492-5.635,19.378,19.378,0,0,0,16.518-19.075,19.392,19.392,0,0,0-9.539-16.626,6.461,6.461,0,0,1-2.554-8.346,25.935,25.935,0,0,0,2.562-11.23,26.228,26.228,0,0,0-26.2-26.2,26.074,26.074,0,0,0-25.026,18.42,6.464,6.464,0,0,1-6.561,4.534,6.462,6.462,0,0,1-5.967-5.292,25.778,25.778,0,0,0-25.374-21.16,25.7,25.7,0,0,0-25.428,21.54,6.467,6.467,0,0,1-2.688,4.243,6.463,6.463,0,0,1-4.916,1.036A28.5,28.5,0,0,0-1386.2,738.037Z"/></g></g></g></svg>

public_html/assets/icons/pisos.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-43 29)"><g transform="translate(255.93 106.918)"><g transform="translate(0 0)"><path class="b" d="M-952.752-299.36a2.92,2.92,0,0,1-2.744-1.92l-7.374-20.161a2.921,2.921,0,0,1,1.742-3.749,2.921,2.921,0,0,1,2.3.123,2.915,2.915,0,0,1,1.888-1.2,2.918,2.918,0,0,1,3.384,2.376l3.688,21.1a2.922,2.922,0,0,1-2.123,3.328A2.891,2.891,0,0,1-952.752-299.36Z" transform="translate(963.05 326.31)"/></g></g><g transform="translate(289.539 98.857)"><g transform="translate(0 0)"><path class="b" d="M-889.421-314.336a2.922,2.922,0,0,1-2.571-1.53l-9.389-17.319a2.922,2.922,0,0,1,1.176-3.964,2.94,2.94,0,0,1,2.154-.254,2.922,2.922,0,0,1,2.059-3.505,2.92,2.92,0,0,1,3.6,2.035l5.787,20.831a2.924,2.924,0,0,1-1.722,3.494A2.916,2.916,0,0,1-889.421-314.336Z" transform="translate(901.735 341.016)"/></g></g><g transform="translate(196.942 114.671)"><g transform="translate(0 0)"><path class="b" d="M-1070.664-312.166v10.344a2.925,2.925,0,0,0,2.594,2.905,2.974,2.974,0,0,0,.333.019,2.924,2.924,0,0,0,2.847-2.269l2.53-11Z" transform="translate(1070.664 312.166)"/></g></g><g transform="translate(131.601 79.294)"><g transform="translate(0 0)"><path class="b" d="M-1112.187-336.532c-18.834,0-36.35-1.254-50.019-3.606-18.738-3.227-27.527-7.937-27.66-14.822-.377-19.442,76.508-21.492,85.277-21.662,21.979-.434,42.716.825,58.391,3.523,18.738,3.225,27.529,7.935,27.662,14.821.377,19.44-76.51,21.494-85.277,21.664Q-1108.035-336.531-1112.187-336.532Zm-68.665-18.6c4,4.182,31.518,10.622,76.868,9.751s72.592-8.387,76.433-12.72c-4.006-4.182-31.509-10.619-76.868-9.75S-1177.011-359.468-1180.852-355.134Zm153.643-2.524h0Z" transform="translate(1189.868 376.706)"/></g></g><g transform="translate(110.426 94.735)"><g transform="translate(0 0)"><path class="b" d="M-1013.163-307.583l-22.292-38.754a4.386,4.386,0,0,0-3.8-2.2c-.03,0-.06,0-.092,0l-5.8.121,1.505,4.108a7.885,7.885,0,0,0-2.059,3.505c-.042.226-.7.649-1.879,1.21l5.814-.121,18.975,32.988a82.437,82.437,0,0,1-10.56,3.653l-8.274-14.482a4.382,4.382,0,0,0-5.078-2.022,4.386,4.386,0,0,0-3.105,4.5l1.122,16.3c-23.194,5.153-83.674,4.427-98.8,4.159l-4.77-22.653a4.386,4.386,0,0,0-4.292-3.482h-.036a4.387,4.387,0,0,0-4.27,3.552l-4.12,21.288a54.358,54.358,0,0,1-8.566.013,59.745,59.745,0,0,1-8.459-1.262v-26.751a4.388,4.388,0,0,0-3.378-4.269,4.385,4.385,0,0,0-4.931,2.307L-1202.744-301a35.967,35.967,0,0,1-8.4-1.659,46.149,46.149,0,0,1-7.177-3.155l16.727-30.571,1.371-.029c-1.039-2.65.535-5.924,2.676-8.828l-6.767.141a4.39,4.39,0,0,0-3.756,2.279l-19.892,36.353a4.387,4.387,0,0,0,.994,5.436c.433.371,4.476,3.711,12.941,6.657a47.126,47.126,0,0,0,13.929,2.287,4.389,4.389,0,0,0,3.913-2.424l5.41-10.82v11.6a4.389,4.389,0,0,0,3.145,4.208,70.787,70.787,0,0,0,13.475,2.377c8.73.6,13.444-.488,13.954-.615a4.386,4.386,0,0,0,3.242-3.421l.588-3.037,1.015,4.822a4.384,4.384,0,0,0,4.183,3.481c1.206.03,11.984.286,26.5.286,26.781,0,66.282-.868,81.886-5.618a4.388,4.388,0,0,0,3.1-4.5l-.057-.819.447.781a4.384,4.384,0,0,0,4.864,2.082c8.081-2.006,18.293-5.225,21.055-9.172A4.387,4.387,0,0,0-1013.163-307.583Z" transform="translate(1228.497 348.536)"/></g></g><g transform="translate(70 114.888)"><g transform="translate(0 0)"><path class="b" d="M-1028.354-294.646c-4.091-8.4-14.245-12.421-30.2-11.976l-.953.025c.964,2.252,2.085,4.886,3.082,7.256,11.549-.041,18.954,2.673,21.5,7.9,2.975,6.111-.632,15.532-5.735,21.679-15.136,18.242-80.914,28.547-98.424,27.72-5.45-.26-11.93-3-19.434-6.162-11.122-4.694-24.566-10.371-40.72-10.371a68.4,68.4,0,0,0-8.483.527c-31.329,3.895-39.254,3.8-40.8,3.7a.432.432,0,0,0-.214-.09,1.578,1.578,0,0,1-.441.007c-8.141-.837-16.584-3.054-18.479-4.8a22.481,22.481,0,0,1,1.959-2.975c2.183-2.982,5.172-7.068,3.481-11.7-1.649-4.512-7.154-7.683-17.852-10.283-10.573-2.568-14.608-5.846-14.858-8.056s2.887-5.629,7.143-7.757c4.371-2.186,23.11-3.637,38.771-4.314l3.507-7.454c-12.992.471-38.724,1.817-45.548,5.229-5.608,2.8-11.891,8.446-11.136,15.116.734,6.493,7.405,11.183,20.4,14.34,11.106,2.7,12.537,5.21,12.71,5.686.351.961-1.373,3.315-2.514,4.874-1.539,2.1-3.131,4.277-3.444,6.784a6.309,6.309,0,0,0,1.425,4.791c4.312,5.416,19.225,7.328,23.693,7.785v0c5.685.785,29.121-1.893,43.1-3.632,18.049-2.241,32.611,3.9,45.459,9.326,8.147,3.438,15.181,6.408,21.928,6.729q.921.044,2.066.044c19.458,0,85.075-9.6,102.332-30.4C-1028.64-272.8-1023.821-285.339-1028.354-294.646Z" transform="translate(1302.248 311.771)"/></g></g></g></g></svg>

public_html/assets/icons/reloj.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-1522.332 447.084)"><g transform="translate(1570.332 -395.084)"><path class="b" d="M1686.613-395.084c-64.116,0-116.281,50.4-116.281,112.342S1622.5-170.4,1686.613-170.4s116.283-50.4,116.283-112.346-52.163-112.342-116.283-112.342Zm0,200.781c-50.467,0-91.536-39.669-91.536-88.439s41.069-88.436,91.536-88.436,91.55,39.667,91.55,88.436-41.071,88.439-91.55,88.439Zm0,0" transform="translate(-1570.332 395.084)"/></g><g transform="translate(1668.776 -360.312)"><path class="b" d="M1769.3-268.319H1710.52V-339a10.761,10.761,0,0,0-10.767-10.766A10.773,10.773,0,0,0,1688.986-339v81.447a10.767,10.767,0,0,0,10.767,10.77H1769.3a10.767,10.767,0,0,0,10.78-10.77,10.775,10.775,0,0,0-10.78-10.767Zm0,0" transform="translate(-1688.986 349.765)"/></g></g></g></svg>

public_html/assets/icons/reloj24.svg

@@ -0,0 +1 @@
+<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(14.109 12.515)"><g transform="translate(145.074 101.229)"><path class="b" d="M2086.163-328.273v63.746h40.628v-11.209h-29.419v-52.537Zm0,0" transform="translate(-2086.163 328.273)"/></g><g transform="translate(46.52 55.485)"><path class="b" d="M2181.594-283.657a97.02,97.02,0,0,0-96.929-96.858c-47.909,0-87.784,35.236-95.5,80.768h-15.555l26.829,46.233,27.616-46.233h-16.082a74.3,74.3,0,0,1,72.744-58.351,74.539,74.539,0,0,1,74.461,74.444c0,35.476-25.372,65.223-58.293,72.656v22.851c45.532-7.712,80.71-47.6,80.71-95.51Zm0,0" transform="translate(-1973.609 380.515)"/></g><g transform="translate(45.89 194.017)"><path class="b" d="M1989.975-178.6l7.127-7.579a112.887,112.887,0,0,0,9.533-11.366,15.376,15.376,0,0,0,2.586-8.814q0-7.419-4.867-11.681t-13.548-4.265q-8.179,0-13.134,5.086a16.666,16.666,0,0,0-4.775,12.487l.072.315h11.941a9.922,9.922,0,0,1,1.573-6.048,4.994,4.994,0,0,1,4.324-2.383,5.705,5.705,0,0,1,4.614,1.785,7.22,7.22,0,0,1,1.536,4.836,11.178,11.178,0,0,1-1.518,5.022,34.284,34.284,0,0,1-4.617,6.584L1974-176.82v8.13h36.427V-178.5h-20.351Zm0,0" transform="translate(-1972.89 222.304)"/></g><g transform="translate(83.884 194.889)"><path class="b" d="M2049.451-221.1h-11.909v-.2l-21.261,34.029.591,7.5h20.67v11.208h11.909v-11.208h5.6v-9.105h-5.6Zm-11.909,32.223h-10.466l9.047-15.049,1.07-1.584.349-.02Zm0,0" transform="translate(-2016.281 221.308)"/></g><g transform="translate(127.561 194.393)"><path class="b" d="M2101.188-168.637v-22.677a37.7,37.7,0,0,0-.144-4.665c-.472-3.615-1.453-6.447-3.108-8.469a11.613,11.613,0,0,0-9.516-4.231,10.582,10.582,0,0,0-5.475,1.464,9.312,9.312,0,0,0-4.173,4.108v-18.767h-12.608v53.237h12.608v-28.645c0-.63,1.17-1.116,2.038-1.468a7.863,7.863,0,0,1,3.01-.524,4.947,4.947,0,0,1,4.124,1.7c.9,1.135,1.334,3.194,1.334,6.187v22.748Zm0,0" transform="translate(-2066.163 221.874)"/></g></g></g></svg>

public_html/assets/icons/sinaloa.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="329" viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-1707.726 83.898)"><path class="b" d="M1951.769,205.67c-2.708,0-5.8-1.064-9.461-4.53a96.179,96.179,0,0,1-9.288-10.431c-1.907-2.37-4.068-5.057-6.883-8.238a84.856,84.856,0,0,0-7.085-7.029,57,57,0,0,1-10.775-12.211c-1.575-2.4-3.156-4.693-4.828-7.116a190.127,190.127,0,0,1-14.1-22.9c-4.784-9.339-9.814-11.961-15.639-15-1.136-.592-2.311-1.2-3.494-1.873-7.2-4.071-6.457-10.961-6.011-15.078a18.6,18.6,0,0,0,.174-3.486c-.645-.03-1.632.018-2.409.055-3.928.189-9.868.475-16.084-3.812-8.353-5.761-7.014-15.431-6.128-21.83a30.308,30.308,0,0,0,.427-4.571c-.66-.685-2.848-1.518-4.2-2.033-3.03-1.154-6.464-2.461-8.543-5.581-1.547-2.321-7.928-6.792-15.885-9.15-10.621-3.147-9.713-10.466-9.324-13.591.03-.245.069-.557.1-.829a15.013,15.013,0,0,0-4.32-1.329c-.706-.141-2.63-.284-4.328-.411-7.054-.525-11.53-.988-14.2-2.992-4.261-3.2-5.725-9.815-4.122-18.64,1.4-7.708,6.386-15.746,6.6-16.085l.93-1.487,1.65-.593a111.438,111.438,0,0,1,13.533-3.944c2.767-.519,10.773-5.866,18.282-13,4.382-4.163,4.449-4.7,5.09-9.877.067-.538.138-1.111.217-1.723.465-3.563,1.242-7.552,4.608-9.786,3.642-2.417,8.163-1.448,13.268-.04,12.07,3.33,16.921,15.457,19.527,21.972a94.8,94.8,0,0,1,3.589,12.6c.9,3.787,2.263,9.51,3.259,10.79,1.052,1.155,4.063,2.279,6.482,3.182a33.009,33.009,0,0,1,6.144,2.76c4.02,2.558,6.725,7.364,10.15,13.449.478.85.971,1.725,1.481,2.617,4.52,7.909,5.124,17.58,1.471,23.516-2.789,4.532-2.565,10.72.666,18.394,2.758,6.55,6.732,12.418,10.239,17.595A87.5,87.5,0,0,1,1909,93.895c.822,1.719,1.394,2.991,1.811,3.92,1.087,2.418,1.087,2.418,3.854,5.383.959,1.028,3.257.906,6.928.585a34.253,34.253,0,0,1,9.246.065c9.175,1.668,14.027,9.89,14.419,24.439.274,10.139.826,11.132,5.118,18.857l.155.279c1.787,3.216,2.968,5.661,3.918,7.624a28.443,28.443,0,0,0,4.5,7.38,44.55,44.55,0,0,0,4.164,3.961,34.909,34.909,0,0,1,4.568,4.491c2.941,3.8,2.067,7.343.27,9.4-1.039,1.188-2.745,3.873-2.486,8.512.051.922.131,1.809.21,2.666a19.3,19.3,0,0,1-.113,6.574,7.962,7.962,0,0,1-6.872,6,10.039,10.039,0,0,0-1.792.554A14.63,14.63,0,0,1,1951.769,205.67Zm-88.1-118.015c3.242,0,7.115.621,9.408,4.7,1.912,3.4,1.515,7.064,1.2,10.01-.455,4.2-.184,4.542.925,5.168,1.033.584,2.081,1.13,3.191,1.709,6.43,3.352,13.717,7.15,19.972,19.361a181.73,181.73,0,0,0,13.421,21.757c1.634,2.366,3.323,4.813,4.967,7.321a47.306,47.306,0,0,0,9.115,10.268,94.6,94.6,0,0,1,7.857,7.812c2.971,3.359,5.212,6.143,7.189,8.6a87.048,87.048,0,0,0,8.362,9.427c2.134,2.022,2.282,1.969,4.1,1.294a23.8,23.8,0,0,1,2.367-.776c-.036-.616-.1-1.333-.156-1.934-.082-.9-.175-1.922-.237-3.023a22.6,22.6,0,0,1,3.237-13.411c-.677-.641-1.5-1.364-2.149-1.93a52.691,52.691,0,0,1-5.145-4.947,38.063,38.063,0,0,1-5.967-9.606c-.94-1.944-2.005-4.148-3.652-7.113l-.154-.278c-4.894-8.807-6.061-11.348-6.39-23.5-.245-9.093-2.3-14.055-6.106-14.747a25.981,25.981,0,0,0-6.549.06c-4.819.422-10.819.949-15.218-3.765-3.657-3.919-4.03-4.452-5.688-8.143-.418-.931-.939-2.09-1.709-3.7a80.217,80.217,0,0,0-5.7-9.176c-3.77-5.565-8.043-11.873-11.188-19.345s-5.688-18.321.043-27.633c1.281-2.082,1.425-7.821-1.639-13.182-.521-.911-1.024-1.8-1.513-2.674-2.4-4.266-4.883-8.677-6.76-9.871a27.929,27.929,0,0,0-4.249-1.817c-3.623-1.353-7.73-2.886-10.463-5.892-2.535-2.789-3.776-7.6-5.59-15.225a88.294,88.294,0,0,0-3.141-11.181c-2.829-7.071-6.149-14.129-12.816-15.969a31.571,31.571,0,0,0-4.72-1.039,22.169,22.169,0,0,0-.417,2.41c-.077.589-.146,1.14-.21,1.658-.821,6.625-1.424,9.569-8.166,15.975-1.507,1.432-14.966,14.032-23.392,15.612a89.572,89.572,0,0,0-10.247,2.92,40.272,40.272,0,0,0-4.362,11.045c-.965,5.3-.2,7.927.2,8.634,1.685.549,6.513.908,8.907,1.086a52.257,52.257,0,0,1,5.563.58c2.911.582,11.772,2.354,12.447,9.8a16.028,16.028,0,0,1-.157,3.544,11.891,11.891,0,0,0-.134,1.627,6.808,6.808,0,0,0,2.284,1c9.1,2.7,18.118,8.267,21.435,13.243a15.828,15.828,0,0,0,3.72,1.733c3.26,1.242,7.318,2.787,9.525,6.648,1.749,3.06,1.228,6.825.676,10.811-.827,5.971-1.145,10.039,1.846,12.1,3.4,2.342,6.528,2.192,9.846,2.033C1862.156,87.691,1862.9,87.656,1863.671,87.656Z" transform="translate(0)"/></g></g></svg>

public_html/assets/icons/x-grey.svg

@@ -0,0 +1 @@
+<svg id="Capa_1" data-name="Capa 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 724 950"><defs><style>.cls-1{fill:#efefef;}</style></defs><title>x</title><polygon class="cls-1" points="724 641.78 639.53 403.96 724 291.91 724 1.38 567.84 231.08 522.52 55.04 295.88 55.04 429.75 399.75 1.55 947.95 246.1 947.95 495.12 586.32 547.81 789.77 724 789.77 724 641.78"/></svg>

public_html/assets/icons/x-red.svg

@@ -0,0 +1 @@
+<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1020 1050"><defs><style>.cls-1{fill:#e43d30;}</style></defs><title>x</title><polygon class="cls-1" points="1024.6 0.47 797.96 0.47 571.84 333.08 526.52 157.04 299.88 157.04 433.75 501.75 5.55 1049.95 250.1 1049.95 499.12 688.32 551.81 891.77 780.56 891.77 643.53 505.96 1024.6 0.47"/></svg>

public_html/composer.json

@@ -0,0 +1,5 @@
+{
+    "require": {
+        "phpmailer/phpmailer": "^6.0"
+    }
+}

public_html/composer.lock

@@ -0,0 +1,84 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "6d67203b6e9fc952ae681c538683a497",
+    "packages": [
+        {
+            "name": "phpmailer/phpmailer",
+            "version": "v6.0.7",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/PHPMailer/PHPMailer.git",
+                "reference": "0c41a36d4508d470e376498c1c0c527aa36a2d59"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/PHPMailer/PHPMailer/zipball/0c41a36d4508d470e376498c1c0c527aa36a2d59",
+                "reference": "0c41a36d4508d470e376498c1c0c527aa36a2d59",
+                "shasum": ""
+            },
+            "require": {
+                "ext-ctype": "*",
+                "ext-filter": "*",
+                "php": ">=5.5.0"
+            },
+            "require-dev": {
+                "doctrine/annotations": "1.2.*",
+                "friendsofphp/php-cs-fixer": "^2.2",
+                "phpdocumentor/phpdocumentor": "2.*",
+                "phpunit/phpunit": "^4.8 || ^5.7",
+                "zendframework/zend-eventmanager": "3.0.*",
+                "zendframework/zend-i18n": "2.7.3",
+                "zendframework/zend-serializer": "2.7.*"
+            },
+            "suggest": {
+                "ext-mbstring": "Needed to send email in multibyte encoding charset",
+                "hayageek/oauth2-yahoo": "Needed for Yahoo XOAUTH2 authentication",
+                "league/oauth2-google": "Needed for Google XOAUTH2 authentication",
+                "psr/log": "For optional PSR-3 debug logging",
+                "stevenmaguire/oauth2-microsoft": "Needed for Microsoft XOAUTH2 authentication",
+                "symfony/polyfill-mbstring": "To support UTF-8 if the Mbstring PHP extension is not enabled (^1.2)"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "PHPMailer\\PHPMailer\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-2.1"
+            ],
+            "authors": [
+                {
+                    "name": "Jim Jagielski",
+                    "email": "jimjag@gmail.com"
+                },
+                {
+                    "name": "Marcus Bointon",
+                    "email": "phpmailer@synchromedia.co.uk"
+                },
+                {
+                    "name": "Andy Prevost",
+                    "email": "codeworxtech@users.sourceforge.net"
+                },
+                {
+                    "name": "Brent R. Matzelle"
+                }
+            ],
+            "description": "PHPMailer is a full-featured email creation and transfer class for PHP",
+            "time": "2019-02-01T15:04:28+00:00"
+        }
+    ],
+    "packages-dev": [],
+    "aliases": [],
+    "minimum-stability": "stable",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": []
+}

public_html/functions.js

@@ -0,0 +1,50 @@
+if(document.querySelector('#container-slider')){
+    setInterval('fntExecuteSlide("next")',5000);
+ }
+ //------------------------------ LIST SLIDER -------------------------
+ if(document.querySelector('.listslider')){
+    let link = document.querySelectorAll(".listslider li a");
+    link.forEach(function(link) {
+       link.addEventListener('click', function(e){
+          e.preventDefault();
+          let item = this.getAttribute('itlist');
+          let arrItem = item.split("_");
+          fntExecuteSlide(arrItem[1]);
+          return false;
+       });
+     });
+ }
+ 
+ function fntExecuteSlide(side){
+     let parentTarget = document.getElementById('slider');
+     let elements = parentTarget.getElementsByTagName('li');
+     let curElement, nextElement;
+ 
+     for(var i=0; i<elements.length;i++){
+ 
+         if(elements[i].style.opacity==1){
+             curElement = i;
+             break;
+         }
+     }
+     if(side == 'prev' || side == 'next'){
+ 
+         if(side=="prev"){
+             nextElement = (curElement == 0)?elements.length -1:curElement -1;
+         }else{
+             nextElement = (curElement == elements.length -1)?0:curElement +1;
+         }
+     }else{
+         nextElement = side;
+         side = (curElement > nextElement)?'prev':'next';
+ 
+     }
+     //RESALTA LOS PUNTOS
+     let elementSel = document.getElementsByClassName("listslider")[0].getElementsByTagName("a");
+     elementSel[curElement].classList.remove("item-select-slid");
+     elementSel[nextElement].classList.add("item-select-slid");
+     elements[curElement].style.opacity=0;
+     elements[curElement].style.zIndex =0;
+     elements[nextElement].style.opacity=1;
+     elements[nextElement].style.zIndex =1;
+ }

public_html/index.php

@@ -0,0 +1,299 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <title>Drenax</title>
+        <script src="js/modernizr.js"></script>
+        <link rel="stylesheet" href="css/bootstrap.min.css">
+        <link rel="icon" type="image/webp" href="icon.png">
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+        <link rel="stylesheet" type="text/css" href="css/css.css">
+        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
+    </head>
+    <body>
+    <!-- Messenger plugin de chat Code -->
+    <div id="fb-root"></div>
+
+    <!-- Your plugin de chat code -->
+    <div id="fb-customer-chat" class="fb-customerchat">
+    </div>
+
+    <script>
+    var chatbox = document.getElementById('fb-customer-chat');
+    chatbox.setAttribute("page_id", "166525096801255");
+    chatbox.setAttribute("attribution", "biz_inbox");
+
+    window.fbAsyncInit = function() {
+        FB.init({
+        xfbml            : true,
+        version          : 'v11.0'
+        });
+    };
+
+    (function(d, s, id) {
+        var js, fjs = d.getElementsByTagName(s)[0];
+        if (d.getElementById(id)) return;
+        js = d.createElement(s); js.id = id;
+        js.src = 'https://connect.facebook.net/es_LA/sdk/xfbml.customerchat.js';
+        fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));
+    </script>
+    <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
+        <div class="row header-top">
+            <div class="container">
+                <a href="https://www.facebook.com/drenax1"><i class="fab fa-facebook-square"></i></a> |
+                <a href="https://www.instagram.com/drenax_oficial/"><i class="fab fa-instagram"></i></a> |
+                <a href="tel:6677139250"><i class="fa fa-phone-square" aria-hidden="true"></i></a>
+            </div>
+        </div>
+        <div class="row">
+            <div class="nav-container container">
+                <div class="row">
+                    <div class="nav-logo-section">
+                        <img class="nav-logo" src="assets/img/logo.svg">
+                        <img class="nav-logo-info" src="assets/icons/info-icon.svg" data-toggle="modal" data-target="#exampleModalLong">
+                    </div>
+
+                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                        <ul class="navbar-nav navbar-nav ml-auto text-cente">
+                            <li class="nav-item">
+                                <a class="nav-link" href="?id=id">Inicio <span class="sr-only">(current)</span></a>
+                            </li>
+                            <li class="nav-item dropdown-submenu">
+                                <a href="#" class="nav-link">Empresa</a>
+                                <ul class="dropdown-menu empresa">
+                                    <li><a class="nav-link" href="?id=fd">Familia drenax</a></li>
+                                    <li><a class="nav-link" href="?id=qs">Quienes Somos</a></li>
+                                    <li><a class="nav-link" href="assets/documents/aviso_privacidad.pdf" target="_blank">Aviso de privacidad</a></li>
+                                </ul>
+                            </li>
+                            <li class="nav-item dropdown-submenu">
+                                <a href="#" class="nav-link">Servicios</a>
+                                <ul class="dropdown-menu servicios">
+                                    <li><a class="nav-link" href="?id=ld">Limpieza de drenaje</a></li>
+                                    <li><a class="nav-link" href="?id=it">Inspección de tuberías</a></li>
+                                    <li><a class="nav-link" href="?id=lp">Limpieza de pisos</a></li>
+                                    <li><a class="nav-link" href="?id=le">Limpieza de escaleras</a></li>
+                                    <li><a class="nav-link" href="?id=man">Mantenimiento</a></li>
+                                </ul>
+                            </li>
+                            <li class="nav-item dropdown-submenu">
+                                <a class="nav-link dropdown-toggle" href="?id=pro">DrenaxPro</a>
+                                <ul class="dropdown-menu DrenaxPro">
+                                    <li><a class="nav-link" href="?id=ehc">Equipos hidroneumáticos Carros</a></li>
+                                    <li><a class="nav-link" href="?id=ehr">Equipos hidroneumáticos Remolques</a></li>
+                                    <li><a class="nav-link" href="?id=ref">Refacciones</a></li>
+                                    <li><a class="nav-link" href="?id=eru">Equipos Reconstruidos y usados</a></li>
+                                    <li><a class="nav-link" href="?id=ce">Capacitación especializada</a></li>
+                                    <li><a class="nav-link" href="?id=au">Arrendamiento de unidades</a></li>
+                                    <li><a class="nav-link" href="?id=eu">Entrega de unidades especializada (llave en mano)</a></li>
+                                    <li><a class="nav-link" href="?id=manpro">Mantenimiento</a></li>
+                                </ul>
+                            </li>
+
+                            <li class="nav-item">
+                                <a class="nav-link" href="?id=con">Contacto</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="?id=cot">Experiencia Drenax</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>
+    <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <img class="img-modal" src="assets/img/esr-modal.jpg" alt="">
+      </div>
+    </div>
+  </div>
+</div>
+
+    <?php
+        error_reporting(error_reporting() & ~E_NOTICE);
+            $id = $_GET['id'];
+            switch($id)
+            {
+                default:
+                    $main = 'views/main.php';
+                    break;
+                case "fd":
+                    $main = ('views/familiadrenax.php');
+                    break;
+                case "qs":
+                    $main = ('views/quienessomos.php');
+                break;
+                case "ld":
+                    $main = ('views/limpiezadedrenaje.php');
+                    break;
+                case "it":
+                    $main = ('views/inspecciondetuberias.php');
+                break;
+                case "lp":
+                    $main = ('views/limpiezadepisos.php');
+                    break;
+                case "le":
+                    $main = ('views/limpiezadeescaleras.php');
+                break;
+                case "man":
+                    $main = ('views/mantenimiento.php');
+                break;
+                case "pro":
+                    $main = ('views/drenaxpro.php');
+                break;
+                case "ehc":
+                    $main = ('views/hidrocarros.php');
+                break;
+                case "ehr":
+                    $main  = ('views/hidroremolques.php');
+                break;
+                case "ref":
+                    $main  = ('views/refacciones.php');
+                break;
+                case "ce":
+                    $main  = ('views/capacitacion.php');
+                break;
+                case "au":
+                    $main  = ('views/arrendamiento.php');
+                break;
+                case "eu":
+                    $main  = ('views/entrega.php');
+                break;
+                case "manpro":
+                    $main  = ('views/mantenimientopro.php');
+                break;
+                case "eru":
+                    $main  = ('views/equiposreconstruidos.php');
+                break;
+                case "con":
+                    $main = ('views/contacto.php');
+                break;
+                case "cot":
+                    $main = ('views/cotizacion.php');
+                break;
+            };
+            include($main);
+    ?>
+    <?php
+        $drenaxpro_pages = ['pro', 'ehc', 'ehr', 'ref', 'ce', 'au', 'eu', 'manpro', 'eru'];
+        if (in_array($id, $drenaxpro_pages)):
+    ?>
+    <footer class="footer-drenaxpro">
+        <div class="footer-top row center-row">
+            <div class="col-lg-3">
+                <h4>DrenaxPro</h4>
+                <p>Venta, renta y mantenimiento de equipos hidroneumáticos Vactor. Tecnología de vanguardia y respaldo profesional para tu operación.</p>
+            </div>
+            <div class="col-lg-3">
+                <h4>Contáctanos</h4>
+                <div class="office">
+                    <strong>Culiacán</strong>
+                    <div>
+                        <p><i class="fa fa-phone-square"></i> <a href="tel:6677386872">(667) 738 6872</a></p>
+                        <p><i class="fab fa-whatsapp"></i> <a href="https://wa.me/5216672680388" target="_blank">(667) 268 0388</a></p>
+                    </div>
+                    <a href="mailto:contacto@drenaxpro.com.mx"><i class="fa fa-envelope"></i> contacto@drenaxpro.com.mx</a>
+                </div>
+                <p style="margin-top:15px"><a href="https://www.facebook.com/Drenaxpro/" target="_blank"><i class="fab fa-facebook-square"></i> /Drenaxpro</a></p>
+            </div>
+            <div class="col-lg-3 footmapa">
+                <h4>Mapa del sitio</h4>
+                <p><a class="a-color" href="?id=pro">DrenaxPro</a></p>
+                <p><a class="a-color" href="?id=ehc">Equipos Hidroneumáticos Carros</a></p>
+                <p><a class="a-color" href="?id=ehr">Equipos Hidroneumáticos Remolques</a></p>
+                <p><a class="a-color" href="?id=ref">Refacciones</a></p>
+                <p><a class="a-color" href="?id=ce">Capacitación</a></p>
+                <p><a class="a-color" href="?id=au">Arrendamiento</a></p>
+                <p><a class="a-color" href="?id=eu">Entrega de unidades</a></p>
+            </div>
+            <div class="col-lg-3">
+                <p>Solicita tu cotización, te recordamos que es sin costo.</p>
+                <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
+            </div>
+        </div>
+        <div class="footer-bot">
+            <p>&copy; 2025 DrenaxPro - Drenax SA de CV.</p>
+        </div>
+    </footer>
+    <?php else: ?>
+    <footer>
+        <div class="footer-top row center-row">
+            <div class="col-lg-3">
+                <h4>Acerca de</h4>
+                <p>Brindarte un servicio de la más alta calidad es nuestro principal objetivo, contando con equipos de tecnología de vanguardia y personal altamente capacitado.</p>
+            </div>
+               <div class="col-lg-3">
+                <h4>Contáctanos</h4>
+                <div class="office">
+                    <strong>Culiacán</strong>
+                    <div>
+                        <p>Oficina <a href="tel:6677139250">(667) 713 9250/60</a></p>
+
+                    </div>
+                    <a href="mainto:atencionaclientes@drenax.mx">atencionaclientes@drenax.mx</a>
+                </div>
+                <div class="office">
+                    <strong>Los Mochis</strong>
+                    <div>
+                        <p>Oficina <a href="tel:6681009191">(668)100 9191</a></p>
+
+                    </div>
+                    <a href="mainto:losmochis@drenax.mx">losmochis@drenax.mx</a>
+                </div>
+                <div class="office">
+                    <strong>Mazatlán</strong>
+                    <div>
+                        <p>Oficina <a href="tel:6681009191">(669) 135-1212</a></p>
+
+                    </div>
+                    <a href="mainto:mazatlan@drenax.mx">mazatlan@drenax.mx</a>
+                </div>
+                <p><a href="https://www.facebook.com/Drenaxoficial"><i class="fab fa-facebook-square"></i> /Drenaxoficial</p>
+                <p><a href="https://www.instagram.com/Drenaxoficial/"><i class="fab fa-instagram"></i> /Drenaxoficial</p>
+            </div>
+             <div class="col-lg-3 footmapa">
+                <h4>Mapa del sitio</h4>
+                <p><a class="a-color" href="?id=main">Inicio</a></p>
+                <p><a class="a-color" href="?id=fd">Empresa</a></p>
+                <p><a class="a-color" href="?id=ld">Servicios</a></p>
+                <p><a class="a-color" href="?id=con">Contacto</a></p>
+                <p><a class="a-color" href="?id=cot">Cotización</a></p>
+            </div>
+             <div class="col-lg-3">
+                <p>Solicita tu cotización, te recordamos que es sin costo.</p>
+                <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
+            </div>
+        </div>
+        <div class="footer-bot">
+            <p>© 2025 Drenax SA de CV.</p>
+        </div>
+    </footer>
+    <?php endif; ?>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-HVQLLM3PGN"></script>
+    <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-HVQLLM3PGN');
+    </script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/js.js"></script>
+    <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/00d35c3ccd1b07d1742017e57/394b12514ae3371e3f329e084.js");</script>
+</body>
+</html>

public_html/index.phpold

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <title>Drenax</title>
+        <script src="js/modernizr.js"></script>
+        <link rel="stylesheet" href="css/bootstrap.min.css">
+        <link rel="icon" type="image/webp" href="icon.png">
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+        <link rel="stylesheet" type="text/css" href="css/css.css">
+        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">  
+    </head>
+    <body>
+    <!-- Messenger plugin de chat Code -->
+    <div id="fb-root"></div>
+
+    <!-- Your plugin de chat code -->
+    <div id="fb-customer-chat" class="fb-customerchat">
+    </div>
+
+    <script>
+    var chatbox = document.getElementById('fb-customer-chat');
+    chatbox.setAttribute("page_id", "166525096801255");
+    chatbox.setAttribute("attribution", "biz_inbox");
+
+    window.fbAsyncInit = function() {
+        FB.init({
+        xfbml            : true,
+        version          : 'v11.0'
+        });
+    };
+
+    (function(d, s, id) {
+        var js, fjs = d.getElementsByTagName(s)[0];
+        if (d.getElementById(id)) return;
+        js = d.createElement(s); js.id = id;
+        js.src = 'https://connect.facebook.net/es_LA/sdk/xfbml.customerchat.js';
+        fjs.parentNode.insertBefore(js, fjs);
+    }(document, 'script', 'facebook-jssdk'));
+    </script>
+    <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
+        <div class="row header-top">
+            <div class="container">
+                <a href="https://www.facebook.com/drenax1"><i class="fab fa-facebook-square"></i></a> | 
+                <a href="https://www.instagram.com/drenax_oficial/"><i class="fab fa-instagram"></i></a> | 
+                <a href="tel:6677139250"><i class="fa fa-phone-square" aria-hidden="true"></i></a>
+            </div>
+        </div>
+        <div class="row">
+            <div class="nav-container container">
+                <div class="row">
+                    <div class="nav-logo-section">
+                        <img class="nav-logo" src="assets/img/logo.svg">
+                        <img class="nav-logo-info" src="assets/icons/info-icon.svg" data-toggle="modal" data-target="#exampleModalLong">
+                    </div>
+                    
+                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                        <ul class="navbar-nav navbar-nav ml-auto text-cente">
+                            <li class="nav-item">
+                                <a class="nav-link" href="?id=id">Inicio <span class="sr-only">(current)</span></a>
+                            </li>
+                            <li class="nav-item dropdown-submenu">
+                                <a href="#" class="nav-link">Empresa</a>
+                                <ul class="dropdown-menu empresa">
+                                    <li><a class="nav-link" href="?id=fd">Familia drenax</a></li>
+                                    <li><a class="nav-link" href="?id=qs">Quienes Somos</a></li>
+                                    <li><a class="nav-link" href="assets/documents/aviso_privacidad.pdf" target="_blank">Aviso de privacidad</a></li>
+                                </ul>
+                            </li>
+                            <li class="nav-item dropdown-submenu">
+                                <a href="#" class="nav-link">Servicios</a>
+                                <ul class="dropdown-menu servicios">
+                                    <li><a class="nav-link" href="?id=ld">Limpieza de drenaje</a></li>
+                                    <li><a class="nav-link" href="?id=it">Inspección de tuberías</a></li>
+                                    <li><a class="nav-link" href="?id=lp">Limpieza de pisos</a></li>
+                                    <li><a class="nav-link" href="?id=le">Limpieza de escaleras</a></li>
+                                    <li><a class="nav-link" href="?id=man">Mantenimiento</a></li>
+                                </ul>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="?id=con">Contacto</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="?id=cot">Experiencia Drenax</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>
+    <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <img class="img-modal" src="assets/img/esr-modal.jpg" alt="">
+      </div>
+    </div>
+  </div>
+</div>
+    
+    <?php
+        error_reporting(error_reporting() & ~E_NOTICE);
+            $id = $_GET['id'];
+            switch($id)
+            {
+                default:
+                    $main = 'views/main.php';
+                    break;
+                case "fd":
+                    $main = ('views/familiadrenax.php');
+                    break;
+                case "qs":
+                    $main = ('views/quienessomos.php');
+                break;
+                case "ld":
+                    $main = ('views/limpiezadedrenaje.php');
+                    break;
+                case "it":
+                    $main = ('views/inspecciondetuberias.php');
+                break;
+                case "lp":
+                    $main = ('views/limpiezadepisos.php');
+                    break;
+                case "le":
+                    $main = ('views/limpiezadeescaleras.php');
+                break;
+                case "man":
+                    $main = ('views/mantenimiento.php');
+                    break;
+                case "con":
+                    $main = ('views/contacto.php');
+                break;
+                case "cot":
+                    $main = ('views/cotizacion.php');
+                break;
+            };
+            include($main);
+    ?>
+    <footer>
+        <div class="footer-top row center-row">
+            <div class="col-lg-3">
+                <h4>Acerca de</h4>
+                <p>Brindarte un servicio de la más alta calidad es nuestro principal objetivo, contando con equipos de tecnología de vanguardia y personal altamente capacitado.</p>
+            </div>
+               <div class="col-lg-3">
+                <h4>Contáctanos</h4>
+                <div class="office">
+                    <strong>Culiacán</strong>
+                    <div>
+                        <p>Oficina <a href="tel:6677139250">(667) 713 9250/60</a></p>
+                       
+                    </div>
+                    <a href="mainto:atencionaclientes@drenax.mx">atencionaclientes@drenax.mx</a>
+                </div>
+                <div class="office">
+                    <strong>Los Mochis</strong>
+                    <div>
+                        <p>Oficina <a href="tel:6681009191">(668)100 9191</a></p>
+                       
+                    </div>
+                    <a href="mainto:losmochis@drenax.mx">losmochis@drenax.mx</a>
+                </div>
+                <div class="office">
+                    <strong>Mazatlán</strong>
+                    <div>
+                        <p>Oficina <a href="tel:6681009191">(669) 135-1212</a></p>
+                       
+                    </div>
+                    <a href="mainto:mazatlan@drenax.mx">mazatlan@drenax.mx</a>
+                </div>
+                <p><a href="https://www.facebook.com/Drenaxoficial"><i class="fab fa-facebook-square"></i> /Drenaxoficial</p>
+                <p><a href="https://www.instagram.com/Drenaxoficial/"><i class="fab fa-instagram"></i> /Drenaxoficial</p>
+            </div>
+             <div class="col-lg-3 footmapa">
+                <h4>Mapa del sitio</h4>
+                <p><a class="a-color" href="?id=main">Inicio</a></p>
+                <p><a class="a-color" href="?id=fd">Empresa</a></p>
+                <p><a class="a-color" href="?id=ld">Servicios</a></p>
+                <p><a class="a-color" href="?id=con">Contacto</a></p>
+                <p><a class="a-color" href="?id=cot">Cotización</a></p>
+            </div>
+             <div class="col-lg-3">
+                <p>Solicita tu cotización, te recordamos que es sin costo.</p>
+                <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
+            </div>
+        </div>
+        <div class="footer-bot">
+            <p>© 2025 Drenax SA de CV.</p>
+        </div>
+    </footer>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-HVQLLM3PGN"></script>
+    <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-HVQLLM3PGN');
+    </script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/js.js"></script>
+    <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/00d35c3ccd1b07d1742017e57/394b12514ae3371e3f329e084.js");</script>
+</body>
+</html>

public_html/js/js.js

@@ -0,0 +1,393 @@
+$( document ).ready(function() {
+  $("#form").submit(function(e) {
+    $("#form-content").css({"display": "none"})
+    $(".loader").css({"display": "block"})
+    e.preventDefault(); // avoid to execute the actual submit of the form.
+    var form = $(this);
+    var url = form.attr('action');
+    
+    $.ajax({
+      type: "POST",
+      url: url,
+      data: form.serialize(), // serializes the form's elements.
+      success: function(data)
+      {
+        $(".loader").css({"display": "none"})
+        $("#success").css({"display": "block"})
+        console.log(data);
+      },
+      error: function(data){
+        $(".loader").css({"display": "none"})
+        $("#error").css({"display": "block"})
+        console.log(data);
+      }
+    });
+  });
+  
+  $('.btn-volver').click(function(){
+    console.log("xd");
+    $("#form-content").css({"display": "block"});
+    $("#error").css({"display": "none"});
+    $("#success").css({"display": "none"});
+  });
+  Modernizr.on('webp', function (result) {
+    // `result == Modernizr.webp`
+    console.log(result);  // either `true` or `false`
+    if (result) {
+      console.log("webp support");
+    }
+    else {
+     console.log("webp no  support");
+    }
+  });
+  var headerSize = function() {
+    $('.header-slider').width()
+  }
+  $(window).resize(function(){
+    headerSize()
+  })
+});
+
+// Galería de equipos - cambiar imagen principal
+function changeMainImage(mainImgId, thumb) {
+  var mainImg = document.getElementById(mainImgId);
+  mainImg.style.opacity = '0';
+  setTimeout(function() {
+    mainImg.src = thumb.src;
+    mainImg.style.opacity = '1';
+  }, 200);
+  var thumbs = thumb.parentElement.querySelectorAll('.equipo-thumb');
+  thumbs.forEach(function(t) { t.classList.remove('active'); });
+  thumb.classList.add('active');
+}
+
+//MAPA
+/*
+var map;
+function initialize() {
+  // Create a simple map.
+  map = new google.maps.Map(document.getElementById('map'), {
+    zoom: 16,
+    center: {
+      lat: 53.668398,
+      lng: -2.167713
+    },
+    styles:[ {
+        "elementType": "geometry",
+        "stylers": [ {
+            "color": "#19375d"
+          },
+          {
+            "lightness": -5
+          }
+        ]
+      },
+      {
+        "elementType": "geometry.fill",
+        "stylers": [
+          {
+            "color": "#e53d2f"
+          },
+          {
+            "weight": 1
+          }
+        ]
+      },
+      {
+        "elementType": "labels.icon",
+        "stylers": [
+          {
+            "color": "#afbcad"
+          }
+        ]
+      },
+      {
+        "elementType": "labels.text",
+        "stylers": [
+          {
+            "color": "#fcfffe"
+          },
+          {
+            "weight": 2
+          }
+        ]
+      },
+      {
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#fafafa"
+          }
+        ]
+      },
+      {
+        "elementType": "labels.text.stroke",
+        "stylers": [
+          {
+            "color": "#4f72ca"
+          },
+          {
+            "weight": 2
+          }
+        ]
+      },
+      {
+        "featureType": "administrative",
+        "elementType": "labels.text",
+        "stylers": [
+          {
+            "weight": 1
+          }
+        ]
+      },
+      {
+        "featureType": "administrative",
+        "elementType": "labels.text.stroke",
+        "stylers": [
+          {
+            "color": "#19385e"
+          },
+          {
+            "weight": 3
+          }
+        ]
+      },
+      {
+        "featureType": "administrative.country",
+        "elementType": "geometry.stroke",
+        "stylers": [
+          {
+            "color": "#4b6878"
+          }
+        ]
+      },
+      {
+        "featureType": "administrative.land_parcel",
+        "elementType": "labels.text",
+        "stylers": [
+          {
+            "color": "#fafff7"
+          }
+        ]
+      },
+      {
+        "featureType": "administrative.land_parcel",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#fafff7"
+          }
+        ]
+      },
+      {
+        "featureType": "administrative.locality",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#fcfff3"
+          }
+        ]
+      },
+      {
+        "featureType": "administrative.province",
+        "elementType": "geometry.stroke",
+        "stylers": [
+          {
+            "color": "#4b6878"
+          }
+        ]
+      },
+      {
+        "featureType": "landscape.man_made",
+        "elementType": "geometry.stroke",
+        "stylers": [
+          {
+            "color": "#334e87"
+          }
+        ]
+      },
+      {
+        "featureType": "landscape.natural",
+        "elementType": "geometry",
+        "stylers": [
+          {
+            "color": "#023e58"
+          }
+        ]
+      },
+      {
+        "featureType": "poi",
+        "elementType": "geometry",
+        "stylers": [
+          {
+            "color": "#283d6a"
+          }
+        ]
+      },
+      {
+        "featureType": "poi",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#6f9ba5"
+          }
+        ]
+      },
+      {
+        "featureType": "poi",
+        "elementType": "labels.text.stroke",
+        "stylers": [
+          {
+            "color": "#1d2c4d"
+          }
+        ]
+      },
+      {
+        "featureType": "poi.park",
+        "elementType": "geometry.fill",
+        "stylers": [
+          {
+            "color": "#023e58"
+          }
+        ]
+      },
+      {
+        "featureType": "poi.park",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#3C7680"
+          }
+        ]
+      },
+      {
+        "featureType": "road",
+        "elementType": "geometry",
+        "stylers": [
+          {
+            "color": "#304a7d"
+          }
+        ]
+      },
+      {
+        "featureType": "road",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#98a5be"
+          }
+        ]
+      },
+      {
+        "featureType": "road",
+        "elementType": "labels.text.stroke",
+        "stylers": [
+          {
+            "color": "#1d2c4d"
+          }
+        ]
+      },
+      {
+        "featureType": "road.highway",
+        "elementType": "geometry",
+        "stylers": [
+          {
+            "color": "#2c6675"
+          }
+        ]
+      },
+      {
+        "featureType": "road.highway",
+        "elementType": "geometry.stroke",
+        "stylers": [
+          {
+            "color": "#122c32"
+          }
+        ]
+      },
+      {
+        "featureType": "road.highway",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#b0d5ce"
+          }
+        ]
+      },
+      {
+        "featureType": "road.highway",
+        "elementType": "labels.text.stroke",
+        "stylers": [
+          {
+            "color": "#023e58"
+          }
+        ]
+      },
+      {
+        "featureType": "transit",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#98a5be"
+          }
+        ]
+      },
+      {
+        "featureType": "transit",
+        "elementType": "labels.text.stroke",
+        "stylers": [
+          {
+            "color": "#1d2c4d"
+          }
+        ]
+      },
+      {
+        "featureType": "transit.line",
+        "elementType": "geometry.fill",
+        "stylers": [
+          {
+            "color": "#283d6a"
+          }
+        ]
+      },
+      {
+        "featureType": "transit.station",
+        "elementType": "geometry",
+        "stylers": [
+          {
+            "color": "#3a4762"
+          }
+        ]
+      },
+      {
+        "featureType": "water",
+        "elementType": "geometry",
+        "stylers": [
+          {
+            "color": "#0e1626"
+          }
+        ]
+      },
+      {
+        "featureType": "water",
+        "elementType": "geometry.fill",
+        "stylers": [
+          {
+            "color": "#19385e"
+          }
+        ]
+      },
+      {
+        "featureType": "water",
+        "elementType": "labels.text.fill",
+        "stylers": [
+          {
+            "color": "#4e6d70"
+          } ]
+      }]
+  });
+  // Load a GeoJSON from the same server as our demo.
+  //map.data.loadGeoJson('https://pixelsandcode.local:5757/map.json');
+}
+google.maps.event.addDomListener(window, 'load', initialize);
+*/

public_html/js/modernizr.js

@@ -0,0 +1,3 @@
+/*! modernizr 3.6.0 (Custom Build) | MIT *
+ * https://modernizr.com/download/?-webp-setclasses !*/
+ !function(e,n,A){function o(e,n){return typeof e===n}function t(){var e,n,A,t,a,i,l;for(var f in r)if(r.hasOwnProperty(f)){if(e=[],n=r[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(A=0;A<n.options.aliases.length;A++)e.push(n.options.aliases[A].toLowerCase());for(t=o(n.fn,"function")?n.fn():n.fn,a=0;a<e.length;a++)i=e[a],l=i.split("."),1===l.length?Modernizr[l[0]]=t:(!Modernizr[l[0]]||Modernizr[l[0]]instanceof Boolean||(Modernizr[l[0]]=new Boolean(Modernizr[l[0]])),Modernizr[l[0]][l[1]]=t),s.push((t?"":"no-")+l.join("-"))}}function a(e){var n=u.className,A=Modernizr._config.classPrefix||"";if(c&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+A+"no-js(\\s|$)");n=n.replace(o,"$1"+A+"js$2")}Modernizr._config.enableClasses&&(n+=" "+A+e.join(" "+A),c?u.className.baseVal=n:u.className=n)}function i(e,n){if("object"==typeof e)for(var A in e)f(e,A)&&i(A,e[A]);else{e=e.toLowerCase();var o=e.split("."),t=Modernizr[o[0]];if(2==o.length&&(t=t[o[1]]),"undefined"!=typeof t)return Modernizr;n="function"==typeof n?n():n,1==o.length?Modernizr[o[0]]=n:(!Modernizr[o[0]]||Modernizr[o[0]]instanceof Boolean||(Modernizr[o[0]]=new Boolean(Modernizr[o[0]])),Modernizr[o[0]][o[1]]=n),a([(n&&0!=n?"":"no-")+o.join("-")]),Modernizr._trigger(e,n)}return Modernizr}var s=[],r=[],l={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var A=this;setTimeout(function(){n(A[e])},0)},addTest:function(e,n,A){r.push({name:e,fn:n,options:A})},addAsyncTest:function(e){r.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=l,Modernizr=new Modernizr;var f,u=n.documentElement,c="svg"===u.nodeName.toLowerCase();!function(){var e={}.hasOwnProperty;f=o(e,"undefined")||o(e.call,"undefined")?function(e,n){return n in e&&o(e.constructor.prototype[n],"undefined")}:function(n,A){return e.call(n,A)}}(),l._l={},l.on=function(e,n){this._l[e]||(this._l[e]=[]),this._l[e].push(n),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},l._trigger=function(e,n){if(this._l[e]){var A=this._l[e];setTimeout(function(){var e,o;for(e=0;e<A.length;e++)(o=A[e])(n)},0),delete this._l[e]}},Modernizr._q.push(function(){l.addTest=i}),Modernizr.addAsyncTest(function(){function e(e,n,A){function o(n){var o=n&&"load"===n.type?1==t.width:!1,a="webp"===e;i(e,a&&o?new Boolean(o):o),A&&A(n)}var t=new Image;t.onerror=o,t.onload=o,t.src=n}var n=[{uri:"data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=",name:"webp"},{uri:"data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==",name:"webp.alpha"},{uri:"data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA",name:"webp.animation"},{uri:"data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=",name:"webp.lossless"}],A=n.shift();e(A.name,A.uri,function(A){if(A&&"load"===A.type)for(var o=0;o<n.length;o++)e(n[o].name,n[o].uri)})}),t(),a(s),delete l.addTest,delete l.addAsyncTest;for(var p=0;p<Modernizr._q.length;p++)Modernizr._q[p]();e.Modernizr=Modernizr}(window,document);

public_html/php.ini

@@ -0,0 +1,18 @@
+; cPanel-generated php ini directives, do not edit
+; Manual editing of this file may result in unexpected behavior.
+; To make changes to this file, use the cPanel MultiPHP INI Editor (Home >> Software >> MultiPHP INI Editor)
+; For more information, read our documentation (https://go.cpanel.net/EA4ModifyINI)
+
+allow_url_fopen = Off
+display_errors = Off
+enable_dl = Off
+file_uploads = On
+max_execution_time = 300
+max_input_time = 600
+max_input_vars = 1000
+memory_limit = 128M
+post_max_size = 128M
+session.gc_maxlifetime = 1440
+session.save_path = "/var/cpanel/php/sessions/ea-php74"
+upload_max_filesize = 128M
+zlib.output_compression = Off

public_html/views/arrendamiento.php

@@ -0,0 +1,36 @@
+<section class="arr-header">
+  <div class="cap-content">
+    <div class="ref-cta-container">
+      <span class="ref-cta-text ref-cta-box" style="font-size:3.5em;color:yellow;background-color:#191990">ARRENDAMIENTO</span><br>
+    </div>
+  </div>
+</section>
+<section class="ld-red">
+  <div class="floating-block-container" style="top:-135px">
+      <div class="floating-block-dual">
+        <div class="floating-block-content">
+          <p class="subtitle" style="padding:0.75em 0 0.5em">Flexibilidad operativa con respaldo profesional</p>
+          <p class="description">En DRENAX PRO ofrecemos el servicio de arrendamiento de unidades hidroneumáticas, brindando soluciones prácticas, seguras y eficientes para empresas que requieren equipos de alto rendimiento sin comprometer su liquidez.</p>
+        </div>
+        <div class="floating-block-arrow"></div>
+      </div>
+      <div class="arr-card">
+        <div class="card-header">
+          <h3 class="header-subtitle" style="font-size:2em;font-weight:600">Nuestro esquema de renta se adapta a tus necesidades operativas, ya sea por días, semanas o meses, con unidades listas para trabajar y soporte técnico incluido.</h3>
+        </div>
+      </div>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text ref-cta-no-box">BENEFICIOS</span><br>
+      </div>
+      <div class="blocks-container" style="padding-bottom:3em">
+        <span class="block-rnd-box">Equipos Vactor® y remolques totalmente funcionales</span>
+        <span class="block-rnd-box">Mantenimiento preventivo incluido durante el periodo de renta</span>
+        <span class="block-rnd-box">Capacitación básica para operarios</span>
+        <span class="block-rnd-box">Ideal para proyectos temporales, emergencias o contratos específicos.</span>
+      </div>
+        <h3 class="header-title" style="font-size:2em;font-weight:700;color:yellow;">HAZ CRECER TU OPERACIÓN<br>SIN COMPRAR EQUIPO</h3>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text cat-cta-box" style="background-color:#191990;padding:5px 40px">CONTÁCTANOS</span>
+      </div>
+  </div>
+</section>

public_html/views/capacitacion.php

@@ -0,0 +1,38 @@
+<section class="cap-header">
+  <div class="cap-content">
+    <div class="cap-cta-container">
+      <span class="ref-cta-text ref-cta-no-box" style="font-size:2.5em">CAPACITACIÓN</span><br>
+      <span class="ref-cta-text ref-cta-no-box" style="font-size:3.5em;display:inline-block;margin-top:-0.5em">ESPECIALIZADA</span>
+    </div>
+  </div>
+</section>
+<section class="ld-red">
+  <div class="floating-block-container" style="top:-135px">
+      <div class="floating-block-dual">
+        <div class="floating-block-content">
+          <p class="subtitle">Formamos operadores expertos para un <br> rendimiento seguro y eficiente</p>
+          <p class="description">Nuestro programa de capacitación especializada está diseñado para que tu personal aproveche al máximo cada unidad, garantizando eficiencia, seguridad y prolongando la vida útil de los equipos.</p>
+        </div>
+        <div class="floating-block-arrow"></div>
+      </div>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text ref-cta-no-box">¿QUÉ INCLUYE</span><br>
+        <span class="ref-cta-text ref-cta-no-box">NUESTRA CAPACITACIÓN?</span>
+      </div>
+      <div class="blocks-container" style="padding-bottom:2em">
+        <span class="block-rnd-box">Operación segura y correcta del equipo</span>
+        <span class="block-rnd-box">Mantenimiento preventivo básico</span>
+        <span class="block-rnd-box">Diagnóstico de fallas comunes</span>
+        <span class="block-rnd-box">Certificación de participación</span>
+      </div>
+      <div class="cap-card">
+        <div class="card-header">
+          <h3 class="header-title" style="font-size:2em;font-weight:700;color:yellow">INVIERTE EN CONOCIMIENTO</h3>
+          <h3 class="header-subtitle" style="font-size:2em;font-weight:700">ahorra en operación</h3>
+        </div>
+      </div>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text cat-cta-box" style="background-color:#191990;padding:5px 40px">CONTÁCTANOS</span>
+      </div>
+  </div>
+</section>

public_html/views/contacto.php

@@ -0,0 +1,101 @@
+    <section class="con-header">
+        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3622.6692367345922!2d-107.44532304898458!3d24.772527454798077!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x86bcd0e99c9709ab%3A0x67cabc5b60f2d83a!2sDrenax!5e0!3m2!1ses-419!2smx!4v1559760076691!5m2!1ses-419!2smx" width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>    </section>
+    <section class="con-white">
+        <div class="con-doble row">
+            <div class="col-lg-5 con-doble--left">
+                <h4>UBÍCANOS</h4>
+                <div class="cont-doble--card">
+                    <div class="card-tit"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg><strong>Sucursal Culiacán</strong></div>
+                    <div class="card-bot" id="cln">
+                        <div><p>Calle Diez #3482 Col. San Rafael
+                                Culiacán, Sinaloa CP 80150</p>
+                            <p>Oficina <a href="tel:6677139250">(667) 713 9250/60</a></p>  
+                            <p class="whatsapp"><span></span>WhatsApp: (667) 431 9211</p>  
+                            <p><a href="mainto:atencionaclientes@drenax.mx">atencionaclientes@drenax.mx</a></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="cont-doble--card">
+                    <div class="card-tit"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg><strong>Sucursal Los Mochis</strong></div>
+                    <div class="card-bot" id="mzt">
+                        <div>
+                            <p>Blvd. Bienestar No. 973 Col. Toledo 
+                                Corro  C. P. 81290
+                                Los Mochis, Sinaloa
+                            </p>
+                            <p>Oficina <a href="tel:6681009191">(668)100 9191</a>
+                            </p> 
+                            <p class="whatsapp"><span></span>WhatsApp: (668) 162 0261</p>   
+                            <p><a href="mainto:losmochis@drenax.mx">losmochis@drenax.mx</a></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="cont-doble--card">
+                    <div class="card-tit"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg><strong>Sucursal Mazatlán</strong></div>
+                    <div class="card-bot" id="mch">
+                        <div>
+                            <p>Oñate L8 Fracc. Corredor de Abastos
+                                    CP 82159 Mazatlán, Sinaloa.
+                            </p>
+                            <p>Oficina <a href="tel:6691351212">(669) 135-1212</a>
+                            </p>
+                            <p class="whatsapp"><span></span>WhatsApp: (669) 441 4500</p>    
+                            <p><a href="mainto:mazatlan@drenax.mx">mazatlan@drenax.mx</a></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-7 con-doble--right">
+                 <div class="cot-card">
+                    <div id="form-content">            
+                        <h5>¡Mándanos mensaje!</h5>
+                        <form id="form" action="views/correo.php">
+                            <label for="name">Nombre</label>
+                            <input type="text" id="name" name="name" required>
+                            <label for="tel">Teléfono</label>
+                            <input type="text" id="tel" name="tel" required>
+                            <label for="email">Correo</label>
+                            <input type="email" type="email" id="email" name="email" required> 
+                            <label for="para">Para</label>
+                            <select id="para" name="para">
+                                <option value="culiacan">Culiacán</option>
+                                <option value="mochis">Mazatlán</option>
+                                <option value="mazatlan">Los Mochis</option>
+                            </select>
+                            <label for="tipo">Tipo de servicio</label>
+                            <div class="radio-buttons">
+                                <label for="para">Residencial</label>
+                                <input type="radio" name="tipo" id="tipo" value="res">
+                                <label for="para">Empresarial</label>
+                                <input type="radio" name="tipo" id="tipo" value="emp">  
+                            </div>
+                            <label for="message">Mensaje</label>
+                            <textarea name="message" id="message" cols="30" rows="10" required></textarea>
+                            <button id="submit" type="submit" name="submit" class="btn btn-primary btn-sm">Enviar</button>
+                        </form>
+                    </div>
+                    <div class="loader hidden"></div>
+                    <div id="success" class="hidden">
+                        <h3>MENSAJE ENVIADO</h3>
+                        <p>Lo atenderemos lo antes posible</p>
+                        <button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
+                    </div>
+                    <div id="error" class="hidden">
+                        <h3>ERROR</h3>
+                        <p>Intente de nuevo más tarde</p>
+                        <button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
+                    </div>
+                </div>
+                <h5>O comunícate con nosotros vía:</h5>
+                <div class="social-icons">
+                    <a href="mailto:atencionaclientes@drenax.com.mx"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-envelope fa-w-16 fa-3x"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z" class=""></path></svg></a>
+                    <a href="https://messenger.com/t/drenaxoficial" target="_blank"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-messenger" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-facebook-messenger fa-w-16 fa-3x"><path fill="currentColor" d="M256.55 8C116.52 8 8 110.34 8 248.57c0 72.3 29.71 134.78 78.07 177.94 8.35 7.51 6.63 11.86 8.05 58.23A19.92 19.92 0 0 0 122 502.31c52.91-23.3 53.59-25.14 62.56-22.7C337.85 521.8 504 423.7 504 248.57 504 110.34 396.59 8 256.55 8zm149.24 185.13l-73 115.57a37.37 37.37 0 0 1-53.91 9.93l-58.08-43.47a15 15 0 0 0-18 0l-78.37 59.44c-10.46 7.93-24.16-4.6-17.11-15.67l73-115.57a37.36 37.36 0 0 1 53.91-9.93l58.06 43.46a15 15 0 0 0 18 0l78.41-59.38c10.44-7.98 24.14 4.54 17.09 15.62z" class=""></path></svg></a>
+                    <a href="https://www.instagram.com/drenaxoficial/" target="_blank"><svg viewBox="0 0 512.00096 512.00096" xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-envelope fa-w-16 fa-3x"><path fill="currentColor" d="m373.40625 0h-234.8125c-76.421875 0-138.59375 62.171875-138.59375 138.59375v234.816406c0 76.417969 62.171875 138.589844 138.59375 138.589844h234.816406c76.417969 0 138.589844-62.171875 138.589844-138.589844v-234.816406c0-76.421875-62.171875-138.59375-138.59375-138.59375zm-117.40625 395.996094c-77.195312 0-139.996094-62.800782-139.996094-139.996094s62.800782-139.996094 139.996094-139.996094 139.996094 62.800782 139.996094 139.996094-62.800782 139.996094-139.996094 139.996094zm143.34375-246.976563c-22.8125 0-41.367188-18.554687-41.367188-41.367187s18.554688-41.371094 41.367188-41.371094 41.371094 18.558594 41.371094 41.371094-18.558594 41.367187-41.371094 41.367187zm0 0"/><path fill="currentColor" d="m256 146.019531c-60.640625 0-109.980469 49.335938-109.980469 109.980469 0 60.640625 49.339844 109.980469 109.980469 109.980469 60.644531 0 109.980469-49.339844 109.980469-109.980469 0-60.644531-49.335938-109.980469-109.980469-109.980469zm0 0"/><path d="m399.34375 96.300781c-6.257812 0-11.351562 5.09375-11.351562 11.351563 0 6.257812 5.09375 11.351562 11.351562 11.351562 6.261719 0 11.355469-5.089844 11.355469-11.351562 0-6.261719-5.09375-11.351563-11.355469-11.351563zm0 0"/></svg></a>
+                </div>
+               
+                <div class="con-sucursal">
+                    <div class="con-sucursal-ban"><p>Sucursal culiacán</p></div>
+                </div>
+            </div>
+        </div>
+    </section>

public_html/views/correo.php

@@ -0,0 +1,65 @@
+<?php
+
+use PHPMailer\PHPMailer\PHPMailer;
+require '../vendor/autoload.php';
+
+$name = $_POST['name'];
+$tel = $_POST['tel'];
+$email = $_POST['email'];
+$local = $_POST['para'];
+$service = $_POST['tipo'];
+$message = $_POST['message'];
+
+//Create a new PHPMailer instance
+$mail = new PHPMailer;
+//Tell PHPMailer to use SMTP
+$mail->isSMTP();
+//Enable SMTP debugging
+// 0 = off (for production use)
+// 1 = client messages
+// 2 = client and server messages
+$mail->SMTPDebug = 2;
+//Set the hostname of the mail server
+$mail->Host = 'smtp.gmail.com';
+// use
+// $mail->Host = gethostbyname('smtp.gmail.com');
+// if your network does not support SMTP over IPv6
+//Set the SMTP port number - 587 for authenticated TLS, a.k.a. RFC4409 SMTP submission
+$mail->Port = 587;
+//Set the encryption system to use - ssl (deprecated) or tls
+$mail->SMTPSecure = 'tls';
+//Whether to use SMTP authentication
+$mail->SMTPAuth = true;
+//Username to use for SMTP authentication - use full email address for gmail
+$mail->Username = "contacto@drenax.com.mx";
+//Password to use for SMTP authentication
+$mail->Password = "Drenax.123!";
+//Set who the message is to be sent from
+$mail->setFrom('contacto@drenax.com.mx', 'Desde WEB drenax.com.mx');
+//Set an alternative reply-to address
+//$mail->addReplyTo('replyto@example.com', 'First Last');
+//Set who the message is to be sent to
+$mail->addAddress($email, $name);
+//Set the subject line
+$mail->Subject = $service;
+//Read an HTML message body from an external file, convert referenced images to embedded,
+//convert HTML into a basic plain-text alternative body
+//$mail->msgHTML(file_get_contents('contents.html'));
+//Replace the plain text body with one created manually
+$mail->Body = $message.' '.$name.' '.$tel;
+//Attach an image file
+//$mail->addAttachment('images/phpmailer_mini.webp');
+//send the message, check for errors
+if (!$mail->send()) {
+    http_response_code(500);
+    echo "Mailer Error: " . $mail->ErrorInfo;
+} else {
+    http_response_code(200);
+    echo "Message sent!";
+    //Section 2: IMAP
+    //Uncomment these to save your message in the 'Sent Mail' folder.
+    #if (save_mail($mail)) {
+    #    echo "Message saved!";
+    #}
+}
+?>

public_html/views/cotizacion.php

@@ -0,0 +1,44 @@
+    <section class="cot-main">
+        <div class="cont-bg">
+            <div class="cot-card">
+                <div id="form-content">            
+                    <h5>¡Mándanos mensaje!</h5>
+                    <form id="form" action="views/correo.php">
+                        <label for="name">Nombre</label>
+                        <input type="text" id="name" name="name" required>
+                        <label for="tel">Teléfono</label>
+                        <input type="text" id="tel" name="tel" required>
+                        <label for="email">Correo</label>
+                        <input type="email" type="email" id="email" name="email" required> 
+                        <label for="para">Para</label>
+                        <select id="para" name="para">
+                            <option value="culiacan">Culiacán</option>
+                            <option value="mochis">Mazatlán</option>
+                            <option value="mazatlan">Los Mochis</option>
+                        </select>
+                        <label for="tipo">Tipo de servicio</label>
+                        <div class="radio-buttons">
+                            <label for="para">Residencial</label>
+                            <input type="radio" name="tipo" id="tipo" value="res">
+                            <label for="para">Empresarial</label>
+                            <input type="radio" name="tipo" id="tipo" value="emp">  
+                        </div>
+                        <label for="message">Mensaje</label>
+                        <textarea name="message" id="message" cols="30" rows="10" required></textarea>
+                        <button id="submit" type="submit" name="submit" class="btn btn-primary btn-sm">Enviar</button>
+                    </form>
+                </div>
+                <div class="loader hidden"></div>
+                <div id="success" class="hidden">
+                    <h3>MENSAJE ENVIADO</h3>
+                    <p>Lo atenderemos lo antes posible</p>
+                    <button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
+                </div>
+                <div id="error" class="hidden">
+                    <h3>ERROR</h3>
+                    <p>Intente de nuevo más tarde</p>
+                    <button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
+                </div>
+            </div>   
+        </div>
+    </section>

public_html/views/drenaxpro.php

@@ -0,0 +1,184 @@
+<section class="pro-header">
+</section>
+<section class="ld-red">
+  <div class="floating-block-container">
+      <div class="cat-cta-container">
+        <span class="ref-cta-text pro-cta-box">COMPRA Y RENTA</span>
+      </div>
+      <div class="pro-floating-block">
+        <div class="pro-floating-block-content">
+          <p class="title">EQUIPOS HIDRONEUMÁTICOS VACTOR</p>
+          <p class="subtitle" style="margin-bottom:0.25em">Potencia, rendimiento y confiabilidad en cada operación. </p>
+          <p class="description">Nuestros equipos hidroneumáticos Vactor están diseñados para brindar soluciones eficientes en la limpieza y desazolve de redes de drenaje, alcantarillado y líneas subterráneas. Gracias a su tecnología de alta presión y sistema de vacío, permiten una operación segura, rápida y con el menor impacto ambiental.</p>
+        </div>
+        <div class="floating-block-arrow"></div>
+      </div>
+      <div class="cat-cta-container" style="padding-bottom:0">
+        <span class="ref-cta-text ref-cta-no-box">CARACTERÍSTICAS</span>
+      </div>
+      <section class="row center-row inicio-cards--5" style="padding: 2rem 0 3rem 0">
+        <div class="card-5 col-lg-3 col-lg-offset-1">
+          <svg xmlns="http://www.w3.org/2000/svg" height="110" fill="yellow" style="padding-bottom:1em" class="bi bi-arrows-move" viewBox="0 0 16 16">
+            <path fill-rule="evenodd" d="M7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10M.146 8.354a.5.5 0 0 1 0-.708l2-2a.5.5 0 1 1 .708.708L1.707 7.5H5.5a.5.5 0 0 1 0 1H1.707l1.147 1.146a.5.5 0 0 1-.708.708zM10 8a.5.5 0 0 1 .5-.5h3.793l-1.147-1.146a.5.5 0 0 1 .708-.708l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L14.293 8.5H10.5A.5.5 0 0 1 10 8"/>
+          </svg>
+          <p class="card-5--title">TECNOLOGÍA DE ALTA SUCCIÓN Y PRESIÓN.</p>
+        </div>
+        <div class="card-5 col-lg-3">
+          <svg xmlns="http://www.w3.org/2000/svg" height="110" fill="yellow" style="padding-bottom:1em" class="bi bi-boombox" viewBox="0 0 16 16">
+            <path d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m7.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m-7-1a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zm5.5 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0"/>
+            <path d="M11.5 13a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m0-1a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0"/>
+            <path d="M7 10.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m-1 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"/>
+            <path d="M14 2V2h1a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h13M1 3v3h14V3zm14 4H1v7h14z"/>
+          </svg>
+          <p class="card-5--title">SISTEMAS DE CONTROL INTUITIVOS.</p>
+        </div>
+        <div class="card-5 col-lg-3">
+          <svg xmlns="http://www.w3.org/2000/svg" height="110" viewBox="0 0 16 16" fill="yellow" style="padding-bottom:1em">
+            <path d="M4.377 1.591C1.96 1.591-.002 4.34-.002 7.73c0 2.139.794 4.123 2.096 5.238a.7.7 0 0 0-.048.245v1.544c0 .326.236.588.528.588s.527-.262.527-.588V13.6a3.25 3.25 0 0 0 1.276.266q3.636.001 7.273.007v-.007a3.2 3.2 0 0 0 1.194-.245v1.126c0 .326.235.588.527.588s.528-.262.528-.588v-1.544a.7.7 0 0 0-.033-.206c1.322-1.109 2.132-3.11 2.132-5.269 0-3.39-1.96-6.138-4.379-6.138H4.377zm2.21.839H9.41c-.565.466-1.047 1.105-1.412 1.867-.365-.762-.847-1.4-1.411-1.867m-2.598.043v10.523c-1.627-.329-2.85-2.585-2.85-5.262s1.223-4.932 2.85-5.261m8.04 0c1.628.329 2.85 2.585 2.85 5.261s-1.222 4.933-2.85 5.261zm-7.21.007c1.194.26 2.203 1.58 2.619 3.426.131.586.199 1.205.199 1.829 0 .622-.067 1.239-.198 1.823-.415 1.85-1.424 3.17-2.62 3.431zm6.38 0v10.51c-1.207-.264-2.223-1.608-2.63-3.482a8.4 8.4 0 0 1-.188-1.773c0-.606.064-1.208.189-1.779.408-1.871 1.423-3.213 2.63-3.476m-3.201 8.681c.367.767.852 1.408 1.42 1.875h-2.84c.568-.467 1.053-1.108 1.42-1.875"/>
+          </svg>
+          <p class="card-5--title">TANQUES DE GRAN CAPACIDAD Y DURABILIDAD.</p>
+        </div>
+        <div class="card-5 col-lg-3">
+          <svg xmlns="http://www.w3.org/2000/svg" height="110" fill="yellow" style="padding-bottom:1em" class="bi bi-moisture" viewBox="0 0 16 16">
+            <path d="M13.5 0a.5.5 0 0 0 0 1H15v2.75h-.5a.5.5 0 0 0 0 1h.5V7.5h-1.5a.5.5 0 0 0 0 1H15v2.75h-.5a.5.5 0 0 0 0 1h.5V15h-1.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5zM7 1.5l.364-.343a.5.5 0 0 0-.728 0l-.002.002-.006.007-.022.023-.08.088a29 29 0 0 0-1.274 1.517c-.769.983-1.714 2.325-2.385 3.727C2.368 7.564 2 8.682 2 9.733 2 12.614 4.212 15 7 15s5-2.386 5-5.267c0-1.05-.368-2.169-.867-3.212-.671-1.402-1.616-2.744-2.385-3.727a29 29 0 0 0-1.354-1.605l-.022-.023-.006-.007-.002-.001zm0 0-.364-.343zm-.016.766L7 2.247l.016.019c.24.274.572.667.944 1.144.611.781 1.32 1.776 1.901 2.827H4.14c.58-1.051 1.29-2.046 1.9-2.827.373-.477.706-.87.945-1.144zM3 9.733c0-.755.244-1.612.638-2.496h6.724c.395.884.638 1.741.638 2.496C11 12.117 9.182 14 7 14s-4-1.883-4-4.267"/>
+          </svg>
+          <p class="card-5--title">EFICIENCIA EN LIMPIEZA PROFUNDA Y MANTENIMIENTO PREVENTIVO.</p>
+        </div>
+      </section>
+      <div class="cat-cta-container" style="padding-bottom:0">
+        <span class="ref-cta-text gal-cta-box">GALERÍA</span>
+      </div>
+      <div class="slider-container">
+        <div class="slider">
+          <a href="#" class="slider-item">
+            <img src="../assets/img/blue_industrial.jpg" alt="Descripción de la imagen 1" data-full="imagen1-full.jpg">
+          </a>
+          <a href="#" class="slider-item">
+            <img src="../assets/img/rf-bg.jpg" alt="Descripción de la imagen 2" data-full="imagen2-full.jpg">
+          </a>
+          <a href="#" class="slider-item">
+            <img src="../assets/img/blue_industrial.jpg" alt="Descripción de la imagen 3" data-full="imagen3-full.jpg">
+          </a>
+          </div>
+        <button class="prev-btn">◀️</button>
+        <button class="next-btn" style="right:0">▶️</button>
+      </div>
+      <div class="pro-cta-container">
+        <span class="pro-cta-text pro-cta-no-box">IDEAL PARA</span>
+      </div>
+      <div class="list-container"  style="margin-bottom:-240px;">
+        <ul class="pro-list">
+          <li>Empresas de servicios municipales</li>
+          <li>Contratistas de infraestructura</li>
+          <li>Mantenimiento industrial</li>
+          <li>Obras públicas</li>
+        </ul>
+      </div>
+  </div>
+</section>
+<div id="lightbox" class="lightbox">
+  <span class="close-btn" style="color:white;padding-bottom:50vh">&times;</span>
+  <button id="prev-lightbox-btn" class="lightbox-nav prev">◀️</button>
+  <img id="lightbox-image" src="" alt="">
+  <button id="next-lightbox-btn" class="lightbox-nav next">▶️</button>
+</div>
+<section class="ld-blue-simple" style="height:60vh;">
+  <div class="floating-block-container" style="top:-240px;">
+    <div class="cat-end-card">
+    </div>
+    <div class="end-cta-container">
+      <span class="end-cta-text ref-cta-no-box">Con Vactor, tu operación esta equipada con la mejor tecnología y respaldo profesional</span>
+    </div>
+  </div>
+</section>
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    const slider = document.querySelector('.slider');
+    const sliderItems = document.querySelectorAll('.slider-item');
+    const totalItems = sliderItems.length;
+    let currentIndex = 0;
+
+    // Botones del slider
+    const prevSliderBtn = document.querySelector('.prev-btn');
+    const nextSliderBtn = document.querySelector('.next-btn');
+
+    // Elementos del lightbox
+    const lightbox = document.getElementById('lightbox');
+    const lightboxImage = document.getElementById('lightbox-image');
+    const closeBtn = document.querySelector('.close-btn');
+    const prevLightboxBtn = document.getElementById('prev-lightbox-btn');
+    const nextLightboxBtn = document.getElementById('next-lightbox-btn');
+
+    // --- Funcionalidad del Slider ---
+    function updateSliderPosition() {
+      slider.style.transform = `translateX(${-currentIndex * 100}%)`;
+    }
+
+    // Asegúrate de que los botones existan antes de añadir el listener
+    if (nextSliderBtn) {
+      nextSliderBtn.addEventListener('click', () => {
+        currentIndex = (currentIndex + 1) % totalItems;
+        updateSliderPosition();
+      });
+    }
+
+    if (prevSliderBtn) {
+      prevSliderBtn.addEventListener('click', () => {
+        currentIndex = (currentIndex - 1 + totalItems) % totalItems;
+        updateSliderPosition();
+      });
+    }
+
+    // --- Funcionalidad del Lightbox ---
+    // Abrir Lightbox al hacer clic en una imagen del slider
+    sliderItems.forEach((item, index) => {
+      item.addEventListener('click', (e) => {
+        e.preventDefault();
+        currentIndex = index;
+        const fullImageSrc = item.querySelector('img').getAttribute('src');
+        lightboxImage.src = fullImageSrc; // Establece la primera imagen sin fade
+        lightbox.style.display = 'flex';
+        // Aseguramos que no haya clase fade-out al abrir
+        lightboxImage.classList.remove('fade-out');
+      });
+    });
+
+    // Cerrar Lightbox
+    if (closeBtn) {
+      closeBtn.addEventListener('click', () => {
+        lightbox.style.display = 'none';
+      });
+    }
+
+    // Navegar en Lightbox con crossfade
+    function updateLightboxImage() {
+      // 1. Añadir clase para empezar el fade-out
+      lightboxImage.classList.add('fade-out');
+
+      // 2. Esperar a que la imagen se desvanezca (o un poco menos para que no sea tan lento)
+      // El tiempo de espera debe coincidir con la duración de la transición en CSS
+      setTimeout(() => {
+        // 3. Cambiar la fuente de la imagen
+        const newImageSrc = sliderItems[currentIndex].querySelector('img').getAttribute('src');
+        lightboxImage.src = newImageSrc;
+
+        // 4. Quitar la clase para que la nueva imagen aparezca con fade-in
+        lightboxImage.classList.remove('fade-out');
+      }, 300); // 300ms es el tiempo de la transición CSS
+    }
+
+    if (nextLightboxBtn) {
+      nextLightboxBtn.addEventListener('click', () => {
+        currentIndex = (currentIndex + 1) % totalItems;
+        updateLightboxImage();
+      });
+    }
+
+    if (prevLightboxBtn) {
+      prevLightboxBtn.addEventListener('click', () => {
+        currentIndex = (currentIndex - 1 + totalItems) % totalItems;
+        updateLightboxImage();
+      });
+    }
+  });
+</script>

public_html/views/entrega.php

@@ -0,0 +1,36 @@
+<section class="llave-header">
+  <div class="cap-content">
+    <div class="ref-cta-container">
+      <span class="ref-cta-text ref-cta-box" style="font-size:3.5em;color:yellow;background-color:#191990">LLAVE EN MANO</span><br>
+    </div>
+  </div>
+</section>
+<section class="ld-red">
+  <div class="floating-block-container" style="top:-135px">
+      <div class="floating-block-dual">
+        <div class="floating-block-content">
+          <p class="subtitle" style="padding:0.75em 0 0.5em">Tu equipo listo para operar desde el primer día</p>
+          <p class="description">En DRENAX PRO ofrecemos un servicio integral de entrega de llaves en mano, pensado para que tu unidad llegue completamente equipada, configurada y lista para trabajar sin complicaciones ni tiempos muertos.</p>
+        </div>
+        <div class="floating-block-arrow"></div>
+      </div>
+      <div class="llave-card">
+        <div class="card-header">
+          <h3 class="header-subtitle" style="font-size:2em;font-weight:600">Nuestro esquema de renta se adapta a tus necesidades operativas, ya sea por días, semanas o meses, con unidades listas para trabajar y soporte técnico incluido.</h3>
+        </div>
+      </div>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text ref-cta-no-box">¿QUÉ INCLUYE<br>NUESTRO SERVICIO?</span>
+      </div>
+      <div class="blocks-container" style="padding-bottom:3em">
+        <span class="block-rnd-box">Unidad completamente operativa y equipada</span>
+        <span class="block-rnd-box">Capacitación técnica para operadores</span>
+        <span class="block-rnd-box">Asesoría en documentación y puesta en marcha</span>
+        <span class="block-rnd-box">Soporte postventa garantizado</span>
+      </div>
+        <h3 class="header-title" style="font-size:2em;font-weight:700;color:yellow;">SOLO RECIBE,<br>ENCIENDE Y TRABAJA</h3>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text cat-cta-box" style="background-color:#191990;padding:5px 40px">CONTÁCTANOS</span>
+      </div>
+  </div>
+</section>

public_html/views/equiposreconstruidos.php

@@ -0,0 +1,19 @@
+<section class="ehc-header">
+  <div class="ehc-content">
+    <div class="ehc-logo"></div>
+    <p class="ehc-slogan">Equipamos con tecnología, capacitamos con experiencia.</p>
+    <div class="cta-container">
+      <span class="cta-text cta-box">EQUIPOS RECONSTRUIDOS</span>
+      <span class="cta-text cta-no-box">Y USADOS</span>
+    </div>
+  </div>
+</section>
+<section class="ld-white row ws-x--bg">
+    <div class="products-grid">
+      <div style="text-align:center;padding:4rem 2rem">
+        <h3 style="color:#191990;font-weight:700">Por el momento no hay equipos disponibles</h3>
+        <p style="color:#666;font-size:1.1em">Contáctanos para consultar disponibilidad de equipos reconstruidos y usados.</p>
+        <a href="?id=cot" style="display:inline-block;margin-top:1em;background-color:#C13123;color:#fff;padding:10px 30px;border-radius:5px;text-decoration:none;font-weight:600">SOLICITAR INFORMACIÓN</a>
+      </div>
+    </div>
+</section>

public_html/views/familiadrenax.php

@@ -0,0 +1,74 @@
+    <section class="fd-header">
+        <div class="fd-header--right">
+            <div class="fd-header--img"></div>
+            <div class="fd-header--txt">
+                <h2><span>"</span>SOMOS UNA GRAN FAMILIA<span>"</span></h2>
+                <p>Nuestros colaboradores son el activo más importante de la empresa, en especial los encargados del área operativa, ya que son ellos quienes representan cada una de las áreas de Drenax.</p>
+            </div>
+        </div>
+    </section>
+    <section class="qs-white">
+        <div class="col-xs-12 fd-main row"> 
+            <div class="col-md-6 fd-main--item">
+                <div class="fdmi fdmi-1"></div>
+            </div>
+            <div class="col-md-6 fd-main--item fdmi-txt">
+                <h3>Colaboradores felices</h3>
+                <p class="fdmi-txt--p">Contar con colaboradores orgullosos de pertenecer a esta gran familia, es la mejor recompensa a nuestra labor, nuestro compromiso es con nuestros clientes, pero en igual medida también lo es con nuestros colaboradores.
+
+                        Realizar actividades que permitan el desarrollo y capacitación de nuestros colaboradores, es una actividad constante dentro y fuera de nuestra empresa, nuestro crecimiento no se puede lograr sin el crecimiento personal y profesional de cada uno de los integrantes del equipo.</p>
+            </div>
+            <div class="col-md-6 fd-main--item">
+                <div class="fdmi fdmi-2"></div>
+            </div>
+            <div class="col-md-6 fd-main--item">
+                <div class="fdmi fdmi-3"></div>
+            </div>
+            <div class="col-md-12 fd-main--item">
+                <div class="fdmi fdmi-6"></div>
+            </div>
+        </div>
+        <div class="white-section col-xs-12">
+            <h3>¡Conoce nuestras sucursales!</h3>
+            <div class="sucursales">
+                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#cln">Culiacán</a></button>
+                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#mzt">Mazatlán</a></button>
+                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#mch">Los Mochis</a></button>
+                    <div class="btn-prox-flex">
+                        <button type="button" disabled  class="btn btn-outline-primary prox">Guadalajara</button>
+                        <span class="prox-text">¡Próximamente!</span>
+                    </div>
+                    
+            </div>
+        </div>
+    </section >
+    <section class="qs-white title-voluntariado">
+        <h3>Comprometidos con nuestra comunidad</h3>
+    </section>
+    <section class="fd-bottom">
+    </section>
+    <section class="">
+        <div class="col-xs-12 fd-main row"> 
+            
+            <div class="col-md-3 fd-main--item voluntariado">
+                <div class="fdmi fdmi-7"></div>
+            </div>
+            <div class="col-md-3 fd-main--item voluntariado">
+                <div class="fdmi fdmi-8"></div>
+            </div>
+            <div class="col-md-3 fd-main--item voluntariado">
+                <div class="fdmi fdmi-9"></div>
+            </div>
+            <div class="col-md-3 fd-main--item voluntariado">
+                <div class="fdmi fdmi-10"></div>
+            </div>
+        </div>
+        
+    </section>
+    <section class="qs-white title-voluntariado">
+        <h3>DRENAX EN ACCIÓN SOCIAL</h3>
+        <p>Formando alianzas para contribuir con la sociedad y grupos vulnerables</p>
+        <div class="col-lg-6 inicio-white--video video-small video-center">
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/P0JRtgqYExk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>></iframe>
+        </div>    
+    </section>

public_html/views/hidrocarros.php

@@ -0,0 +1,69 @@
+<section class="ehc-header">
+  <div class="ehc-content">
+    <div class="ehc-logo"></div>
+    <p class="ehc-slogan">Equipamos con tecnología, capacitamos con experiencia.</p>
+    <div class="cta-container">
+      <span class="cta-text cta-box">VENTA Y RENTA</span>
+      <span class="cta-text cta-no-box">DE EQUIPOS</span>
+    </div>
+  </div>
+</section>
+<section class="ld-white row ws-x--bg">
+    <div class="products-grid">
+        <div class="product-card">
+          <div class="product-image vac-con-112"></div>
+          <div class="info-block blue-bg">
+            <h3 class="product-name">VACCON 12</h3>
+            <p class="product-details">ID: V047-2025 Año: 2007 Serie: VRD-4212-LHA</p>
+          </div>
+          <div class="btn-block red-bg">
+            <a href="#" class="info-btn" data-toggle="modal" data-target="#modal-vaccon12">MÁS INFORMACIÓN</a>
+          </div>
+        </div>
+    </div>
+</section>
+
+<!-- Modal VACCON 12 -->
+<div class="modal fade equipo-modal" id="modal-vaccon12" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header equipo-modal-header">
+        <h4 class="modal-title">VACCON 12</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="equipo-gallery">
+          <div class="equipo-gallery-main">
+            <img id="vaccon12-main-img" src="assets/img/equipos/vaccon12/web/DSC08920.jpg" alt="VACCON 12">
+          </div>
+          <div class="equipo-gallery-thumbs">
+            <img class="equipo-thumb active" src="assets/img/equipos/vaccon12/web/DSC08920.jpg" alt="VACCON 12 - Vista 1" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08925.jpg" alt="VACCON 12 - Vista 2" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08938.jpg" alt="VACCON 12 - Vista 3" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08940.jpg" alt="VACCON 12 - Vista 4" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08947.jpg" alt="VACCON 12 - Vista 5" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08953.jpg" alt="VACCON 12 - Vista 6" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08957.jpg" alt="VACCON 12 - Vista 7" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08968.jpg" alt="VACCON 12 - Vista 8" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08969.jpg" alt="VACCON 12 - Vista 9" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08970.jpg" alt="VACCON 12 - Vista 10" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08980.jpg" alt="VACCON 12 - Vista 11" onclick="changeMainImage('vaccon12-main-img', this)">
+            <img class="equipo-thumb" src="assets/img/equipos/vaccon12/web/DSC08989.jpg" alt="VACCON 12 - Vista 12" onclick="changeMainImage('vaccon12-main-img', this)">
+          </div>
+        </div>
+        <div class="equipo-info">
+          <table class="equipo-specs">
+            <tr><th>ID</th><td>V047-2025</td></tr>
+            <tr><th>Año</th><td>2007</td></tr>
+            <tr><th>Serie</th><td>VRD-4212-LHA</td></tr>
+          </table>
+        </div>
+      </div>
+      <div class="modal-footer equipo-modal-footer">
+        <a href="?id=cot" class="btn equipo-btn-contact">SOLICITAR INFORMACIÓN</a>
+      </div>
+    </div>
+  </div>
+</div>

public_html/views/hidroremolques.php

@@ -0,0 +1,60 @@
+<section class="ehc-header">
+  <div class="ehc-content">
+    <div class="ehc-logo"></div>
+    <p class="ehc-slogan">Equipamos con tecnología, capacitamos con experiencia.</p>
+    <div class="cta-container">
+      <span class="cta-text cta-box">VENTA Y RENTA</span>
+      <span class="cta-text cta-no-box">DE EQUIPOS</span>
+    </div>
+  </div>
+</section>
+<section class="ld-white row ws-x--bg">
+    <div class="products-grid">
+      <div class="product-card">
+        <div class="product-image sewer-uss-jetting"></div>
+        <div class="info-block blue-bg">
+          <h3 class="product-name">Sewer USS Jetting</h3>
+          <p class="product-details">ID: VC047-2025 Horas: 389 Serie: 2115 P118</p>
+        </div>
+        <div class="btn-block red-bg">
+          <a href="#" class="info-btn" data-toggle="modal" data-target="#modal-sewer-uss">MÁS INFORMACIÓN</a>
+        </div>
+      </div>
+    </div>
+</section>
+
+<!-- Modal Sewer USS Jetting -->
+<div class="modal fade equipo-modal" id="modal-sewer-uss" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header equipo-modal-header">
+        <h4 class="modal-title">Sewer USS Jetting</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="equipo-gallery">
+          <div class="equipo-gallery-main">
+            <img id="sewer-uss-main-img" src="assets/img/sewer-uss-jetting.png" alt="Sewer USS Jetting">
+          </div>
+          <div class="equipo-gallery-thumbs">
+            <img class="equipo-thumb active" src="assets/img/sewer-uss-jetting.png" alt="Sewer USS Jetting - Vista 1" onclick="changeMainImage('sewer-uss-main-img', this)">
+            <!-- Agregar más fotos aquí -->
+            <!-- <img class="equipo-thumb" src="assets/img/sewer-uss-2.jpg" alt="Sewer USS Jetting - Vista 2" onclick="changeMainImage('sewer-uss-main-img', this)"> -->
+          </div>
+        </div>
+        <div class="equipo-info">
+          <table class="equipo-specs">
+            <tr><th>ID</th><td>VC047-2025</td></tr>
+            <tr><th>Horas</th><td>389</td></tr>
+            <tr><th>Serie</th><td>2115 P118</td></tr>
+          </table>
+        </div>
+      </div>
+      <div class="modal-footer equipo-modal-footer">
+        <a href="?id=cot" class="btn equipo-btn-contact">SOLICITAR INFORMACIÓN</a>
+      </div>
+    </div>
+  </div>
+</div>

public_html/views/inspecciondetuberias.php

@@ -0,0 +1,36 @@
+<section class="it-header">
+        <div class="ld-header--txt">
+            <div class="icon-arrow-red"></div>
+            <p class="ld-header--p">INSPECCIÓN DE <br><span>TUBERÍAS</span></p>
+        </div>
+</section>
+<section class="it-red row">
+        <p>En búsqueda de brindarle a nuestros clientes una solución integral se incorporaron a nuestras divisiones de servicios la categoría de inspección de tuberías, conformada por los siguientes servicios.
+        </p>
+</section>
+<section class="it-white row ws-x--bg">
+        <div class="col-md-4">
+            <div class="it-white--img it-white--img1">
+                    <div class="it-white--fig"><p>Video inspección</p></div>
+            </div>
+            <p class="it-white--txt">Sistema de inspección para analizar tuberías de 2 a 12 pulgadas. El equipo nos permite detectar tuberías quebradas, con raíces o malas instalaciones. Nuestros clientes podrán dar solución de forma eficiente ya que sabrán con exactitud en que altura se encuentra el daño.</p>
+        </div>
+         <div class="col-md-4">
+            <div class="it-white--img it-white--img2">
+                    <div class="it-white--fig"><p>Localización de tuberías</p></div>
+            </div>
+            <p class="it-white--txt">Instrumento de precisión para la localización de redes de servicios públicos, cuenta con tecnología GPS y Bluetooth para integrarse fácilmente con dispositivos externos de captura de datos.
+                    El equipo esta enfocado a la detección de tuberías de cobre y en algunos casos es utilizado para la detección de registros.</p>
+        </div>
+         <div class="col-md-4">
+            <div class="it-white--img it-white--img3">
+                    <div class="it-white--fig"><p>Detector de fugas</p></div>
+            </div>
+            <p class="it-white--txt">En ocasiones detectamos que tenemos un incremento en el consumo de agua, y no sabemos a que se debe, ya que no observamos humedad, este equipo detectará exactamente donde se encuentra la fuga  por medio de ondas que son captadas por un micrófono que amplifica el ruido de la presión de agua.</p>
+        </div>
+        <div class="white-section col-xs-12">
+            <h3>¿Necesitas una cotización?</h3>
+            <p>¡Estamos para Servirte!</p>
+            <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
+        </div>
+</section>

public_html/views/limpiezadedrenaje.php

@@ -0,0 +1,52 @@
+    <section class="ld-header">
+        <div class="ld-header--txt">
+            <div class="icon-arrow-red"></div>
+            <p class="ld-header--p">LIMPIEZA DE <br><span>DRENAJE</span></p>
+        </div>
+    </section>
+    <section class="ld-blue">
+        <div class="ld-blue--left">
+            <div class="camion-img"></div>
+        </div>
+        <p class="ld-blue--right">Actualmente Drenax cuenta con diferentes equipos especializados en la limpieza de drenajes como manuales, eléctricos y mecánicos. Nuestro objetivo es muy claro, ofrecerte un servicio de la más alta calidad, en óptimos tiempos de respuesta y con una operación estandarizada.
+                    A continuación te mostramos cuales son las características de las 3 categorías de equipos que tenemos para la realización de servicios de limpieza de drenajes.</p>
+  
+    </section>
+    <section class="ld-red row">
+        <div class="col-md-4 ld-red--item">
+            <div class="blue-icon"></div>
+            <div class="ld-red--txt">
+                <p class="ld-red--txt_title">Hidroneumático (Hidrojet)</p>
+                <p class="ld-red--txt_p">Equipo especializado en la limpieza de tubería de drenaje sanitario y pluvial de 4 a 6 pulgadas, trabaja con agua a presión por medio de un mecanismo que permite la limpieza de 360° del tubo, cuenta con 120 mts de manguera y efectúa la limpieza con una presión de 3500 psi.</p>
+            </div>
+        </div>
+        <div class="col-md-4 ld-red--item">
+            <div class="blue-icon"></div>
+            <div class="ld-red--txt">
+                <p class="ld-red--txt_title">Hidroneumático con Succión (Vactor)</p>
+                <p class="ld-red--txt_p">Limpieza de tubería de drenaje sanitario y pluvial de 6 a 36 pulgadas, trabaja con agua a presión por medio de un mecanismo que permite la limpieza de 360° del tubo, cuenta con 120 mts de manguera para realizar la limpieza de tubería, efectúa la limpieza con una presión de 3500 psi, succiona lodos pesados (plantas tratadoras, cárcamos, letrinas, etc.) y el tanque de desechos tiene una capacidad de 12,000 lts.</p>
+            </div>
+        </div>
+        <div class="col-md-4 ld-red--item">
+            <div class="blue-icon"></div>
+            <div class="ld-red--txt">
+                <p class="ld-red--txt_title">Hidroneumático con Succión (Eductor)</p>
+                <p class="ld-red--txt_p">Enfocado a tubería de drenaje sanitario y pluvial de 4 a 8 pulgadas, trabaja con agua a presión por medio de un mecanismo que permite la limpieza de 360° del tubo, cuenta con 120 mts de manguera para realizar la limpieza de tubería y con 100 mts para succionar desechos, efectúa la limpieza con una presión de 3500 psi, succiona líquidos y semilíquidos ( fosas sépticas, trampas de grasas y lodos, cisternas, cárcamos, etc.) y el tanque de desechos tiene una capacidad de 15,000 lts.</p>
+            </div>
+        </div>
+    </section>
+    <section class="ld-white row ws-x--bg ">
+        <div class="col-md-4">
+            <div class="ld-white--img ld-white--img1"></div>
+        </div>
+        <div class="col-md-4">
+            <div class="ld-white--img ld-white--img2"></div>
+        </div>
+        <div class="col-md-4">
+            <div class="ld-white--img ld-white--img3"></div>
+        </div>
+        <div class="white-section col-xs-12">
+            <h3>¿Necesitas una cotización?</h3>
+            <p>¡Estamos para Servirte!</p>
+            <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>        </div>
+    </section>

public_html/views/limpiezadeescaleras.php

@@ -0,0 +1,48 @@
+    <section class="le-header">
+        <div class="ld-header--txt">
+            <div class="icon-arrow-red"></div>
+            <p class="ld-header--p">LIMPIEZA DE <br><span>ESCALERAS</span></p>
+        </div>
+    </section>
+    <section class="lp-blue row">
+        <p>Realiza la limpieza de escaleras eléctricas y tapetes móviles en movimiento, con un sistema europeo de auto-dirección con cerdas equidistantes; obteniendo la eliminación de polvo, sedimento hasta las incrustaciones más resistentes, logrando mantener en buen estado tus instalaciones.</p>
+    </section>
+    <section class="lp-white row ws-x--bg">
+        <div class="col-xs-12 le-main row"> 
+            <div class="col-md-6 -main--item">
+                <div class="lemi-img lemi-1"></div>
+            </div>
+            <div class="col-md-6 le-main--item lemi-txt">
+                <div>
+                    <svg viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:none;stroke:#102056;stroke-miterlimit:10;stroke-width:17.57px;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><path class="b" d="M1451.276,77.937h51.085v41.479h43.226v44.972h39.733v42.353h42.789v44.1h44.1v49.339H1450.839Z" transform="translate(-1397.339 -24.437)"/></g></svg>
+                </div>
+                <p class="lemi-txt--p">Realiza la limpieza de escaleras eléctricas y tapetes móviles en movimiento,</p>
+                <p class="span">con un sistema europeo de auto-dirección con cerdas equidistantes; obteniendo la eliminación de polvo, sedimento hasta las incrustaciones más resistentes, logrando mantener en buen estado tus instalaciones.</p>
+            </div>
+            <div class="col-md-3 le-main--item">
+                <div class="lemi-img lemi-2"></div>
+            </div>
+            <div class="col-md-3 le-main--item">
+                <div class="lemi-img lemi-3"></div>
+            </div>
+            <div class="col-md-3 le-main--item">
+                <div class="lemi-img lemi-4"></div>
+            </div>
+            <div class="col-md-3 le-main--item">
+                <div class="lemi-img lemi-5"></div>
+            </div>
+            <div class="col-md-6 le-main--item lemi-txt lemi-txt-right">
+                <div>
+                    <svg viewBox="0 0 329 329"><defs><style>.c{clip-path:url(#d);}.d{fill:#102056;}</style><clipPath id="d"><rect width="329" height="329"/></clipPath></defs><g id="c" class="c"><g transform="translate(-343.642 -1262)"><g transform="translate(1813 650)"><path class="d" d="M-1241.843,855.186a29.713,29.713,0,0,1-23.692-11.758,29.922,29.922,0,0,1-21.711,9.233,30.061,30.061,0,0,1-30.026-30.027,6.462,6.462,0,0,1,6.461-6.462,6.462,6.462,0,0,1,6.462,6.462,17.123,17.123,0,0,0,17.1,17.1,17.023,17.023,0,0,0,16.338-12.024,6.476,6.476,0,0,1,6.561-4.534,6.46,6.46,0,0,1,5.967,5.291,16.8,16.8,0,0,0,16.537,13.792,16.753,16.753,0,0,0,16.572-14.038,6.463,6.463,0,0,1,2.688-4.245,6.464,6.464,0,0,1,4.916-1.036,18.692,18.692,0,0,0,3.558.352,18.591,18.591,0,0,0,18.57-18.571,18.577,18.577,0,0,0-16.216-18.4,6.46,6.46,0,0,1-4.419-2.614,6.462,6.462,0,0,1-1.118-5.011,10.909,10.909,0,0,0,.2-2.045,10.81,10.81,0,0,0-10.8-10.8,10.8,10.8,0,0,0-8.064,3.645,6.463,6.463,0,0,1-9.123.542,6.462,6.462,0,0,1-.541-9.122,23.735,23.735,0,0,1,17.728-7.988,23.752,23.752,0,0,1,23.652,21.9,31.548,31.548,0,0,1,21.621,29.891,31.53,31.53,0,0,1-31.494,31.495h-.015A29.622,29.622,0,0,1-1241.843,855.186Z"/></g><g transform="translate(1813 650)"><path class="d" d="M-1367.1,835.559a30.419,30.419,0,0,1-30.377-29.731,41.219,41.219,0,0,1-29.877-39.557,41.192,41.192,0,0,1,42.916-41.119,38.572,38.572,0,0,1,36.679-26.326,38.7,38.7,0,0,1,32.61,17.829,38.953,38.953,0,0,1,30.318-14.331,39.167,39.167,0,0,1,39.122,39.123,38.538,38.538,0,0,1-1.807,11.7,32.363,32.363,0,0,1,11.337,24.5,32.4,32.4,0,0,1-22.988,30.847,32.229,32.229,0,0,1-31.1,23.8,32.229,32.229,0,0,1-20.9-7.715,32.044,32.044,0,0,1-21.922,8.616,32.3,32.3,0,0,1-15.482-3.975A30.353,30.353,0,0,1-1367.1,835.559Zm-19.1-97.522a28.266,28.266,0,0,0-28.234,28.234,28.25,28.25,0,0,0,24.659,27.976,6.469,6.469,0,0,1,4.419,2.615,6.462,6.462,0,0,1,1.117,5.011,17.636,17.636,0,0,0-.324,3.3,17.48,17.48,0,0,0,17.46,17.46,17.469,17.469,0,0,0,13.042-5.891,6.464,6.464,0,0,1,8.885-.741,19.084,19.084,0,0,0,12.089,4.268,19.234,19.234,0,0,0,16.263-8.939,6.457,6.457,0,0,1,5.309-2.979,6.439,6.439,0,0,1,5.429,2.754,19.335,19.335,0,0,0,15.817,8.263,19.288,19.288,0,0,0,19.154-17.011,6.462,6.462,0,0,1,5.492-5.635,19.378,19.378,0,0,0,16.518-19.075,19.392,19.392,0,0,0-9.539-16.626,6.461,6.461,0,0,1-2.554-8.346,25.935,25.935,0,0,0,2.562-11.23,26.228,26.228,0,0,0-26.2-26.2,26.074,26.074,0,0,0-25.026,18.42,6.464,6.464,0,0,1-6.561,4.534,6.462,6.462,0,0,1-5.967-5.292,25.778,25.778,0,0,0-25.374-21.16,25.7,25.7,0,0,0-25.428,21.54,6.467,6.467,0,0,1-2.688,4.243,6.463,6.463,0,0,1-4.916,1.036A28.5,28.5,0,0,0-1386.2,738.037Z"/></g></g></g></svg></div>
+                <p class="lemi-txt--p">Sanitización de pasamanos con vapor seco</p>
+                <p class="span">Realiza la limpieza de pasa manos, con equipo de vapor seco, logrando la eliminación de polvo y sanitización de tus instalaciones.</p>
+            </div>
+            <div class="col-md-6 le-main--item">
+                <div class="lemi-img lemi-6"></div>
+            </div>
+        </div>
+         <div class="white-section col-xs-12">
+            <h3>¿Necesitas una cotización?</h3>
+            <p>¡Estamos para Servirte!</p>
+            <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>        </div>
+    </section>

public_html/views/limpiezadepisos.php

@@ -0,0 +1,48 @@
+    <section class="lp-header">
+        <div class="ld-header--txt">
+            <div class="icon-arrow-red"></div>
+            <p class="ld-header--p">LIMPIEZA DE <br><span>PISOS</span></p>
+        </div>
+    </section>
+    <section class="lp-blue row">
+       <p>La división de Limpieza de Pisos cuenta con los siguientes servicios enfocados a mantener vialidades e instalaciones completamente limpias y seguras.</p>
+    </section>
+    <section class="lp-white row ws-x--bg">
+        <div class="col-md-3">
+            <div class="lp-white--img lp-white--img1">
+                    <div class="lp-white--fig"><p>Barrido Mecanizado</p></div>
+            </div>
+            <p class="lp-white--txt">La Barredora Tennant modelo T-800 que permite la limpieza de estacionamientos y vialidades. Es utilizado mayormente en superficies con asfalto o piso hidráulico, no levanta tierra durante la realización de la limpieza, ya que cuenta con un sistema similar al de las aspiradoras, es de fácil acceso a lugares más reducidos, debido a que cuenta con dimensiones más pequeñas. 
+                <br><span>Ver fotos en servicio...</span>
+            </p>
+        </div>
+        <div class="col-md-3">
+            <div class="lp-white--img lp-white--img2">
+                    <div class="lp-white--fig"><p>Restregado de Pisos</p></div>
+            </div>
+            <p class="lp-white--txt">La restregadora Tennant T-20 es un equipo que trabaja por medio de cepillos, agua y químicos para eliminar suciedad, grasa y manchas en pisos. Es muy efectivo para lugares angostos como banquetas, al igual que en lugares muy amplios como bodegas o almacenes.
+                <br><span>Ver fotos en servicio...</span>
+            </p>
+        </div>
+        <div class="col-md-3">
+            <div class="lp-white--img lp-white--img3">
+                    <div class="lp-white--fig"><p>Lavado a Vapor</p></div>
+            </div>
+            <p class="lp-white--txt">Equipo que conjuga la presión con temperatura, esto te permitirá eliminar completamente señales de suciedad, grasa u otros residuos en diferentes superficies como pisos, paredes, equipos, etc.
+                <br><span>Ver fotos en servicio...</span>
+            </p>
+        </div>
+        <div class="col-md-3">
+            <div class="lp-white--img lp-white--img4">
+                <div class="lp-white--fig"><p>Desincrustación de Chicles</p></div>
+            </div>
+            <p class="lp-white--txt">Eliminar chicles de banquetas o vialidades no ha sido una tarea sencilla, sin embargo este equipo está especializado en sustraer el chicle, dejando sin residuo alguno la superficie. Trabaja por medio de vapor seco que en combinación de un químico revientan el chicle en menos de 6 segundos.
+                <br><span>Ver fotos en servicio...</span>                
+            </p>
+        </div>
+        <div class="white-section col-xs-12">
+             <div class="lp-white--img5"></div>
+            <h3>¿Necesitas una cotización?</h3>
+            <p>¡Estamos para Servirte!</p>
+            <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>        </div>
+    </section>

public_html/views/mantenimiento.php

@@ -0,0 +1,71 @@
+    <section class="ma-header">
+        <div class="ld-header--txt">
+            <div class="icon-arrow-red"></div>
+            <p class="ld-header--p">MANTENIMIENTO <br><span>DE EQUIPO</span></p>
+        </div>
+    </section>
+    <section class="lp-blue row">
+        <p>En DRENAX, conocemos la necesidad de asegurar que los equipos de su empresa reciban el mantenimiento apropiado, la seguridad de sus empleados y la productividad dependen del correcto funcionamiento de sus vehículos.</p>
+    </section>
+    <section class="lp-white row ws-x--bg">
+        <div class="lp-doble">
+            <div class="lp-doble--left">
+                <p><strong>Deseamos</strong> contribuir en el éxito de su empresa, entendiendo el valor del tiempo y los beneficios de contar con equipos en buenas condiciones, mientras más tiempo pasen sus unidades en operación, mejores resultados tendrán.
+                        El programa de mantenimiento DRENAX, le ayudara a mantener la rentabilidad, ya que todos nuestros trabajos cuentan con garantía. 
+                <br>
+                <strong>Conoce los servicios en lo que te podemos apoyar:</strong>
+                </p>
+            </div>
+            <div class="lp-doble--right">
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Cambios de aceites y filtros (motor principal y auxiliar).</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Lavado (lavado de motor a vapor).</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Verificación diaria, semanal, mensual y anual (según manual de fábrica).</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Mantenimiento preventivo y correctivo (equipo Vactor Elgin, Tennant).</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Sistemas hidráulicos.</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Sistemas neumáticos.</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Bombas de alta presión (bombas roder).</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Carrete telescópico.</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Pluma telescópica.</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Mangueras y tubos de succión. Turbinas y sopladores.</p>
+                </div>
+                <div class="lp-doble-item">
+                    <div class="arrow-icon"></div>
+                    <p>Cambios de aceites y filtros (motor principal y auxiliar).</p>
+                </div>
+            </div>
+        </div>
+        <div class="white-section col-xs-12">
+            <h3>¿Necesitas una cotización?</h3>
+            <p>¡Estamos para Servirte!</p>
+            <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
+        </div>
+    </section>

public_html/views/mantenimientopro.php

@@ -0,0 +1,37 @@
+<section class="manpro-header">
+  <div class="cap-content">
+    <div class="cap-cta-container">
+      <span class="ref-cta-text ref-cta-no-box" style="font-size:2.5em">MANTENIMIENTO</span><br>
+      <span class="ref-cta-text ref-cta-no-box" style="font-size:3.5em;display:inline-block;margin-top:-0.5em">DE EQUIPOS</span>
+    </div>
+  </div>
+</section>
+<section class="ld-red">
+  <div class="floating-block-container" style="top:-135px">
+      <div class="floating-block-dual">
+        <div class="floating-block-content">
+          <p class="subtitle">Mantén tus equipos en óptimas condiciones <br> con respaldo técnico especializado</p>
+          <p class="description">En DRENAX PRO brindamos servicio de mantenimiento preventivo y correctivo para equipos hidroneumáticos Vactor y otras marcas. Nuestro equipo técnico está certificado para garantizar el máximo rendimiento y la vida útil de tus unidades.</p>
+        </div>
+        <div class="floating-block-arrow"></div>
+      </div>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text ref-cta-no-box">NUESTROS SERVICIOS</span>
+      </div>
+      <div class="blocks-container" style="padding-bottom:2em">
+        <span class="block-rnd-box">Mantenimiento preventivo programado</span>
+        <span class="block-rnd-box">Mantenimiento correctivo y reparación mayor</span>
+        <span class="block-rnd-box">Diagnóstico y evaluación de equipos</span>
+        <span class="block-rnd-box">Servicio en sitio o en nuestro taller</span>
+      </div>
+      <div class="cap-card">
+        <div class="card-header">
+          <h3 class="header-title" style="font-size:2em;font-weight:700;color:yellow">EQUIPO EN BUEN ESTADO</h3>
+          <h3 class="header-subtitle" style="font-size:2em;font-weight:700">operación sin interrupciones</h3>
+        </div>
+      </div>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text cat-cta-box" style="background-color:#191990;padding:5px 40px">CONTÁCTANOS</span>
+      </div>
+  </div>
+</section>

public_html/views/quienessomos.php

@@ -0,0 +1,146 @@
+    <section class="qs-header">
+        <div class="qs-header--card">
+            <div class="card-left">
+                
+                <div>
+                        <h2 >¿Quiénes<br> somos? </h2>
+                </div>
+                <div>
+                    <p>Somos una empresa socialmente responsable, dedicada a La Limpieza y Desazolve de Drenajes, fosas sépticas y una amplia gama de servicios con el objetivo de mantener un ambiente limpio y seguro para satisfacer sus requerimientos específicos.</p>
+                    <p>Con más de 30 años al servicio Drenax se consolida como número uno en el estado. Contamos con más de 10,000 clientes satisfechos. Nuestro equipo altamente capacitado te dará la asesoria adecuada para mantener en perfectas condiciones tus espacios.</p>
+                </div>
+            </div>
+            <div class="card-right"></div>
+        </div>
+    </section>
+    <section class="qs-estado">
+        <div class="qs-estado--left">
+            <p>Empresa multiservicios líder en la Industría de inspección y limpieza de drenajes</p>
+        </div>
+        <div class="qs-estado--right">
+            <p class="qs-estado--t">COBERTURA EN <br><span>TODO EL ESTADO</span></p>
+            <p class="qs-estado--b">Contamos con servicio los 365 días del año las 24 horas del día.</p>
+        </div>
+    </section>
+    <section class="qs-white">
+        <div class="white-section col-xs-12">
+            <h3>¡Conoce nuestras sucursales!</h3>
+            <div class="sucursales">
+                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#cln">Culiacán</a></button>
+                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#mzt">Mazatlán</a></button>
+                    <button type="button" class="btn btn-outline-primary"><a href="/?id=con#mch">Los Mochis</a></button>
+                    <div class="btn-prox-flex">
+                        <button type="button" disabled  class="btn btn-outline-primary prox">Guadalajara</button>
+                        <span class="prox-text">¡Próximamente!</span>
+                    </div>
+                    
+            </div>
+            <div class="filo row col-xs-12">
+                <div class="misionvision col-lg-5">
+                    <div class="mv-item">
+                        <div class="mv-icon">
+                            <svg viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-271.789 -858.956)"><g transform="translate(326.789 930.956)"><path class="b" d="M-1347.835,286.424a5.469,5.469,0,0,0-5.468-5.468h-57.927a5.467,5.467,0,0,0-5.468,5.468v34.765a5.465,5.465,0,0,0,5.468,5.468h52.459V342.1l-52.459,52.476-13.513-13.517a5.475,5.475,0,0,0-4.35-1.58,5.45,5.45,0,0,0-4.005,2.325l-52.134,74.977a5.459,5.459,0,0,0-.355,5.653,5.462,5.462,0,0,0,4.845,2.934h208.536c.007,0,.011,0,.015,0a5.465,5.465,0,0,0,5.468-5.468,5.445,5.445,0,0,0-1.21-3.432l-79.9-113.83Zm-57.927,29.3V291.892h46.991v23.829Zm-64.519,138.717,42.427-61.02,12.755,12.762a5.474,5.474,0,0,0,3.87,1.6,5.472,5.472,0,0,0,3.867-1.6l53.323-53.344,71.315,101.6Zm0,0" transform="translate(1486.211 -280.956)"/></g></g></g></svg>
+                        </div>
+                        <div class="mv-txt">
+                            <h4>Misión</h4>
+                            <p>Creamos ambientes limpios y seguros para el bienestar de la comunidad.</p>
+                        </div>
+                    </div>  
+                    <div class="mv-item">
+                        <div class="mv-icon">
+                            <svg viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(1199.727 -184.859)"><g transform="translate(-1139.727 244.859)"><path class="b" d="M-980.178,269.28V244.859h-110.708V269.28h-48.842V453.25h208.391V269.28Zm-12.211-12.211V441.039H-1004.6V366.556h-61.865v74.483h-12.211V257.07Zm-24.42,133.907h-37.446v-12.21h37.446Zm-37.446,12.211h12.618v37.852h-12.618Zm24.828,0h12.618v37.852h-12.618Zm-98.089-121.7h36.631V441.039h-36.631Zm183.969,159.549h-36.631V281.49h36.631Zm0,0" transform="translate(1139.727 -244.859)"/></g><g transform="translate(-1115.306 293.701)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-1115.306 318.121)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-1115.306 342.542)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-1115.306 366.963)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-967.968 293.701)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-967.968 318.121)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-967.968 342.542)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-967.968 366.963)"><rect class="b" width="12.21" height="12.21"/></g><g transform="translate(-1115.306 391.384)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-967.968 391.384)"><rect class="b" width="12.21" height="12.21" transform="translate(0 0)"/></g><g transform="translate(-1066.464 269.28)"><path class="b" d="M-996.575,271.955h-61.865v36.224h61.865Zm-12.21,24.013h-37.446v-11.8h37.446Zm0,0" transform="translate(1058.44 -271.955)"/></g><g transform="translate(-1066.464 318.122)"><path class="b" d="M-996.575,326.146h-61.865V362.37h61.865Zm-12.21,24.013h-37.446v-11.8h37.446Zm0,0" transform="translate(1058.44 -326.146)"/></g></g></g></svg>
+                        </div>
+                        <div class="mv-txt">
+                            <h4>Visión</h4>
+                            <p>Somos una empresa líder en limpieza integral, contamos con colaboradores orgullosos y en constante innovación, consolidando nuestra calidad y liderazgo a nivel nacional.</p>
+                        </div>
+                    </div>   
+                </div>
+                <div class="valores col-lg-7">
+                    <h4>Nuestros valores</h4>
+                    <div class="v-item">
+                        <div class="v-icon">
+                             <svg viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(766 -210)"><path class="b" d="M-712.434,477.8h223.361a23.845,23.845,0,0,0,23.818-23.818,23.855,23.855,0,0,0-15.878-22.453V406.341a117.4,117.4,0,0,0-24.376-71.853,121.371,121.371,0,0,0-55.577-40.461,23.847,23.847,0,0,0-23.788-22.656h-31.758a23.846,23.846,0,0,0-23.788,22.656A121.361,121.361,0,0,0-696,334.488a117.4,117.4,0,0,0-24.376,71.853v25.183a23.856,23.856,0,0,0-15.879,22.453A23.845,23.845,0,0,0-712.434,477.8Zm40.227-146.008V358.7a7.939,7.939,0,0,0,7.939,7.94,7.939,7.939,0,0,0,7.939-7.94v-39.37a103.269,103.269,0,0,1,15.879-8.3v63.548a7.939,7.939,0,0,0,7.939,7.939,7.939,7.939,0,0,0,7.94-7.939V295.189a7.948,7.948,0,0,1,7.939-7.939h31.758a7.949,7.949,0,0,1,7.939,7.939v4.661c0,.023,0,.045,0,.068v74.665A7.939,7.939,0,0,0-569,382.522a7.939,7.939,0,0,0,7.94-7.939V311.035a103.434,103.434,0,0,1,15.878,8.3V358.7a7.94,7.94,0,0,0,7.94,7.94,7.94,7.94,0,0,0,7.939-7.94V331.787a103.338,103.338,0,0,1,32.287,74.554v23.818H-704.494V406.341A103.338,103.338,0,0,1-672.207,331.787Zm-40.227,114.25h223.361a7.949,7.949,0,0,1,7.94,7.94,7.948,7.948,0,0,1-7.94,7.939H-712.434a7.948,7.948,0,0,1-7.939-7.939A7.949,7.949,0,0,1-712.434,446.037Z"/></g></g></svg>
+                        </div>
+                        <div class="mv-txt">
+                            <p> Servicio profesional: Realizar un servicio bien, a la primera vez.</p>
+                        </div>
+                    </div> 
+                    <div class="v-item">
+                        <div class="v-icon">
+                            <svg viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-167.804 -198.594)"><g transform="translate(304.339 244.594)"><path class="b" d="M331.108,254.641a5.025,5.025,0,1,0-3.552-1.472A5.072,5.072,0,0,0,331.108,254.641Z" transform="translate(-326.085 -244.594)"/></g><g transform="translate(287.34 244.594)"><path class="b" d="M362.133,377.382a12.974,12.974,0,0,0,16.825-12.388v-23.4a13.138,13.138,0,0,0,20.224-13.446l-4.162-21.1a43.809,43.809,0,0,0-12.092-22.629l-7.116-7.1v-27.7a5.023,5.023,0,0,0-10.047,0V279.4a5.025,5.025,0,0,0,1.476,3.557l8.593,8.569a33.807,33.807,0,0,1,9.329,17.458l4.162,21.1a3.1,3.1,0,0,1-6.053,1.338l-2.15-8.771a6.195,6.195,0,0,0-12.212,1.476v40.861a2.923,2.923,0,0,1-5.821.385V344.041a5.023,5.023,0,0,0-5.023-5.023h-.028a5.023,5.023,0,0,0-5.023,5.023v20.953c0,.274.012.545.028.815V372.5a2.925,2.925,0,1,1-5.85,0v-6.695c.017-.269.029-.539.029-.811V344.041a5.024,5.024,0,0,0-5.023-5.023h-.029a5.024,5.024,0,0,0-5.023,5.023v21.336a2.923,2.923,0,0,1-5.822-.382V357.5c.017-.269.029-.539.029-.811V344.041a5.024,5.024,0,0,0-5.023-5.023H326.3a5.024,5.024,0,0,0-5.023,5.023v13.03a2.923,2.923,0,0,1-5.822-.382V312.52a33.7,33.7,0,0,1,9.97-24.022l5.554-5.538a5.021,5.021,0,0,0,1.477-3.557V267.532a5.023,5.023,0,1,0-10.047,0v9.786l-4.078,4.065a43.678,43.678,0,0,0-12.923,31.136v44.17a12.962,12.962,0,0,0,16.556,12.464,12.971,12.971,0,0,0,16.137,8.228,12.968,12.968,0,0,0,24.032,0Z" transform="translate(-305.409 -244.594)"/></g><g transform="translate(203.804 377.339)"><path class="b" d="M328.184,440.623a12.921,12.921,0,0,0-2.427-3.039,12.974,12.974,0,0,0-12.018-20.817,12.977,12.977,0,0,0-19.144-8.376l-20.265,11.7A13.138,13.138,0,0,0,252.573,409.3l-16.2,14.158a43.816,43.816,0,0,0-13.552,21.786l-2.587,9.711-13.922,8.037a5.023,5.023,0,1,0,5.023,8.7l15.727-9.081a5.023,5.023,0,0,0,2.342-3.057l3.124-11.726a33.811,33.811,0,0,1,10.455-16.808l16.2-14.157a3.1,3.1,0,0,1,4.415.341,3.107,3.107,0,0,1-.23,4.231l-6.521,6.248a6.194,6.194,0,0,0,7.383,9.837l35.387-20.43a2.917,2.917,0,0,1,3.159,4.9L284.384,432.61a5.023,5.023,0,0,0-1.839,6.862l.007.012.007.012a5.024,5.024,0,0,0,6.863,1.838l18.146-10.476c.236-.137.465-.282.691-.432l5.8-3.346a2.925,2.925,0,0,1,2.925,5.066l-5.8,3.348c-.241.12-.48.245-.716.381l-18.147,10.476a5.024,5.024,0,0,0-1.838,6.863,5.176,5.176,0,0,0,.673.907,5.006,5.006,0,0,0,6.2.956l18.476-10.668a2.923,2.923,0,0,1,2.58,5.233l-6.488,3.745c-.242.121-.483.247-.719.383L300.253,460.1a5.023,5.023,0,0,0-1.839,6.862,5.113,5.113,0,0,0,4.369,2.537,5,5,0,0,0,2.508-.674l11.286-6.516a2.918,2.918,0,0,1,3.649,1.238,2.929,2.929,0,0,1-1.07,4l-16.1,9.295L280.9,489.624A33.7,33.7,0,0,1,255.114,493l-7.573-2.041a5.02,5.02,0,0,0-3.819.5l-15.727,9.08a5.023,5.023,0,1,0,5.023,8.7l13.921-8.037,5.559,1.5a43.68,43.68,0,0,0,33.427-4.376L298.611,491h0l9.466-5.465.86-.5h0l15.24-8.8a12.98,12.98,0,0,0,2.519-20.575A12.993,12.993,0,0,0,328.184,440.623Z" transform="translate(-203.804 -406.052)"/></g><g transform="translate(333.884 370.089)"><path class="b" d="M486.63,461.423l-13.922-8.037-1.482-5.564a43.681,43.681,0,0,0-20.5-26.761l-22.152-12.79-16.1-9.3a12.963,12.963,0,0,0-19.07,8.1,12.991,12.991,0,0,0-15.2,9.866,12.967,12.967,0,0,0-12.014,20.809,12.985,12.985,0,0,0,2.317,20.767l20.266,11.7a13.138,13.138,0,0,0,1.533,24.237L410.66,501.4a43.819,43.819,0,0,0,25.643.844l9.7-2.615,13.922,8.037a5.023,5.023,0,0,0,5.023-8.7l-15.728-9.08a5.017,5.017,0,0,0-3.819-.5l-11.717,3.157a33.8,33.8,0,0,1-19.784-.65l-20.358-6.948a3.1,3.1,0,0,1-1.912-3.994,3.11,3.11,0,0,1,3.78-1.916l8.671,2.523a6.194,6.194,0,0,0,4.829-11.312l-35.387-20.431a2.925,2.925,0,0,1,.705-5.358,2.9,2.9,0,0,1,1.872.123l18.48,10.669a5,5,0,0,0,6.2-.954,5.153,5.153,0,0,0,.677-.909,5.024,5.024,0,0,0-1.838-6.863l-18.146-10.476c-.238-.136-.478-.263-.721-.384l-5.795-3.345a2.925,2.925,0,0,1,2.924-5.066l5.8,3.346c.225.15.455.3.691.432l18.146,10.477a5,5,0,0,0,6.2-.955,5.172,5.172,0,0,0,.676-.908,5.023,5.023,0,0,0-1.838-6.863l-18.394-10.62a2.918,2.918,0,0,1,3.159-4.9l6.49,3.747c.224.148.452.293.688.43l10.954,6.323a5,5,0,0,0,6.2-.954,5.152,5.152,0,0,0,.677-.909,5.023,5.023,0,0,0-1.838-6.862l-11.285-6.516a2.923,2.923,0,0,1,3.242-4.85l15.24,8.8h0l.86.5,9.466,5.465h0l12.686,7.325a33.7,33.7,0,0,1,15.818,20.645l2.019,7.578a5.02,5.02,0,0,0,2.342,3.057l15.727,9.081a5.023,5.023,0,1,0,5.023-8.7Z" transform="translate(-362.021 -397.233)"/></g></g></g></svg>
+                        </div>
+                        <div class="mv-txt">
+                            <p>Trabajo en equipo: Unidos se trabaja mejor.</p>
+                        </div>
+                    </div> 
+                    <div class="v-item">
+                        <div class="v-icon">
+                            <svg viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#fff;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(-0.428 -0.781)"><g transform="translate(-558 -215)"><path class="b" d="M833.969,437.587a33.785,33.785,0,0,0-46.1-8.673l-29.78,19.336h-8.419a33.59,33.59,0,0,0,6.769-20.258V421.24H714.264c-3.735,0-5.216-2.67-7.632-4.475a47.371,47.371,0,0,0-62.454,0l-5.084,4.475H607.428v81.031H758.687l79.094-59.32Zm-79.783,51.179H620.933V434.745H644.19l8.91-7.841a33.837,33.837,0,0,1,44.61,0c1.792,1.209,6.724,7.8,16.554,7.8h27.51a20.334,20.334,0,0,1-19.1,13.551H688.91v13.505h73.176l33.172-21.539a20.211,20.211,0,0,1,23.034.469Z"/></g><g transform="translate(-559 -229)"><path class="b" d="M813.507,285.59a38.091,38.091,0,0,0-29.986-13.809A40.426,40.426,0,0,0,749.749,290.1a40.421,40.421,0,0,0-33.771-18.319,38.1,38.1,0,0,0-29.985,13.807c-6.743,8.171-10.456,19.382-10.456,31.566,0,23.473,14.549,40.073,33.631,57.011,9.792,8.692,1.1.691,41.429,35.8,13.559-12.016,29.633-25.5,48.038-43.306,12.524-12.121,25.328-27.482,25.328-49.5C823.963,304.971,820.25,293.761,813.507,285.59Zm-24.263,71.36c-16.881,16.329-32.31,29.417-38.65,35.053-24.8-21.5-23.034-19.64-31.522-27.138-19.324-17.071-30.03-29.773-30.03-47.71,0-15.863,8.329-31.868,26.936-31.868A27.243,27.243,0,0,1,743,312.689H756.5a27.243,27.243,0,0,1,27.019-27.4c18.607,0,26.936,16.005,26.936,31.867C810.458,334.128,799.733,346.8,789.244,356.95Z"/></g></g></g></svg>
+                        </div>
+                        <div class="mv-txt">
+                            <p>Honestidad: Somos verdaderos, somos honestos.</p>
+                        </div>
+                    </div> 
+                    <div class="v-item">
+                        <div class="v-icon">
+                        <svg viewBox="0 0 329 329"><defs><style>.a{clip-path:url(#b);}.b{fill:#0b1c48;}</style><clipPath id="b"><rect width="329" height="329"/></clipPath></defs><g id="a" class="a"><g transform="translate(33.176 -41.418)"><g transform="translate(15.824 110.228)"><path class="b" d="M131.925,278.59a6.182,6.182,0,0,0-5.463-5.463C77.54,267.693,35.837,287.263,1.82,322.28a255.11,255.11,0,0,0-25.387,30.867c-12.2-.5-25.723,5.023-35.312,14.612l-17.486,17.486a6.184,6.184,0,0,0-.983,7.464,6.184,6.184,0,0,0,6.955,2.88,86.09,86.09,0,0,1,16.983-2.651,47.929,47.929,0,0,1,5.838.048c-3.859,7.422-6.816,13.639-7.8,15.2a6.185,6.185,0,0,0,.861,7.665l10.118,10.117c-14.726,20.084-14.969,30.37-14.917,31.827a6.212,6.212,0,0,0,6.5,5.978c3.452,0,13.351-1.465,31.372-14.848l10.644,10.643a6.184,6.184,0,0,0,7.715.829c1.665-1.07,7.516-3.9,14.534-7.571.116,5.23-.593,12.911-2.134,23.322a6.187,6.187,0,0,0,10.486,5.278L37.3,463.935a48.831,48.831,0,0,0,13.859-34.974c10.785-7.536,32.481-26.7,32.481-26.7s53.652-75.4,48.288-123.673ZM120.1,284.951a123.464,123.464,0,0,1-3.133,38.756c-7.616-2.4-15.063-7.111-21.787-13.834-6.749-6.75-11.471-14.226-13.86-21.871a124.663,124.663,0,0,1,38.779-3.051ZM-54.216,380.583l4.079-4.081A39.045,39.045,0,0,1-32.4,366.419c-3.333,5.292-6.305,10.346-8.927,15.01a49.639,49.639,0,0,0-12.885-.846Zm11.7,29.769c1.338-2.64,2.956-5.95,5.927-11.562l8.138,8.14q-4.542,4.873-8.225,9.261Zm30.233-2.365c4.505-4.5,8.825-5.326,14.191-5.442-.118,5.23-.957,9.7-5.447,14.185-19.194,19.194-32.35,27.764-40.217,31.59,3.882-8.019,12.475-21.335,31.473-40.333Zm6.953,39.551-6.375-6.377c2.911-2.473,5.987-5.214,9.232-8.254l8.663,8.664c-5.7,3.041-8.071,4.185-11.52,5.968Zm33.884,7.654-4.948,4.95a60.3,60.3,0,0,0-.3-13.737c4.546-2.56,9.484-5.462,14.658-8.709a36.458,36.458,0,0,1-9.405,17.5ZM17.444,435.34,6.36,424.254c8.2-9.026,7.9-17.722,7.9-27.882a6.181,6.181,0,0,0-6.182-6.182c-9.492,0-18.627-.509-27.882,7.9L-30.393,387.5c28.9-50.685,62.315-82.774,99.853-95.987,2.972,9.616,8.756,18.88,16.976,27.1,8.182,8.183,17.4,13.952,26.977,16.936-13.291,37.332-45.372,70.721-95.97,99.787Zm0,0" transform="translate(78.176 -272.228)"/></g><g transform="translate(118.937 156.32)"><path class="b" d="M87.374,331.685a30.913,30.913,0,1,0,0,43.718,30.951,30.951,0,0,0,0-43.718ZM78.63,366.659a18.547,18.547,0,1,1,0-26.23,18.567,18.567,0,0,1,0,26.23Zm0,0" transform="translate(-34.618 -322.647)"/></g></g></g></svg>
+                        </div>
+                        <div class="mv-txt">
+                            <p>Innovación: Mejoramos constantemente nuestra persona, servicio y equipo de trabajo.</p>
+                        </div>
+                    </div> 
+                    <div class="v-item">
+                        <div class="v-icon">
+                                <svg viewBox="0 0 329 329"><defs><style>.f{clip-path:url(#g);}.g{fill:#0b1c48;}</style><clipPath id="g"><rect width="329" height="329"/></clipPath></defs><g id="f" class="f"><g transform="translate(450.708 -184.085)"><path class="g" d="M-201,263.14a58.386,58.386,0,0,0-82.478,0l-33.243,33.243a58.365,58.365,0,0,0-9.4,12.3,58.208,58.208,0,0,0-12.289,9.391l-33.243,33.243a58.387,58.387,0,0,0,0,82.48,58.388,58.388,0,0,0,82.478,0l33.243-33.244a58.325,58.325,0,0,0,9.41-12.3,58.145,58.145,0,0,0,12.281-9.388L-201,345.618a58.386,58.386,0,0,0,0-82.478Zm-96.664,162.171a46.372,46.372,0,0,1-65.507,0,46.372,46.372,0,0,1,0-65.507l33.243-33.243a46.372,46.372,0,0,1,65.506,0,46.546,46.546,0,0,1,5.936,7.278l-10.452,10.453a9.153,9.153,0,0,1-13.081-.134,21.368,21.368,0,0,0-30.187,0l-33.37,33.368a21.371,21.371,0,0,0,0,30.187,21.372,21.372,0,0,0,30.188,0l16.619-16.619a58.622,58.622,0,0,0,31.012,4.308ZM-263.071,312l14.291-14.29a9.353,9.353,0,0,1,13.215,0,9.356,9.356,0,0,1,0,13.215l-14.293,14.291a58.578,58.578,0,0,0-6.073-7.14A58.516,58.516,0,0,0-263.071,312Zm-53.648,66.863a58.6,58.6,0,0,0,7.139,6.076l-14.291,14.289a9.353,9.353,0,0,1-13.215,0,9.355,9.355,0,0,1,0-13.214l14.292-14.292a59.051,59.051,0,0,0,6.074,7.141Zm107.236-41.73-33.243,33.243a46.373,46.373,0,0,1-65.507,0,46.6,46.6,0,0,1-5.935-7.28l10.452-10.451a9.355,9.355,0,0,1,13.215,0,21.275,21.275,0,0,0,30.052.134l33.37-33.367a21.372,21.372,0,0,0,0-30.188,21.369,21.369,0,0,0-30.188,0l-16.619,16.618a58.631,58.631,0,0,0-31.012-4.307l29.91-29.907a46.371,46.371,0,0,1,65.506,0,46.371,46.371,0,0,1,0,65.506Zm0,0" transform="translate(0 0)"/></g></g></svg>
+                        </div>
+                        <div class="mv-txt">
+                            <p>Integridad y Convivencia: Todos somos familia.</p>
+                        </div>
+                    </div> 
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="timeline">
+        <h3>Una empresa con experiencia</h3>
+        <p>-Linea del tiempo Drenax-</p>
+        <div class="timeline">
+            <div class="row col-md-12"> 
+                <div class="col-xl-4 tl-item-ar o-1">
+                    <h4>1994</h4>
+                    <p>Todo inicio con el nombre de Multiservicios Salazar, una empresa dedicada a la Limpieza de Redes de Drenaje Sanitarios. Desde un inicio el servicio fue ofrecido a hogares, comercios e industrias y  se adquirieron con el paso del tiempo equipos con mayor tecnología.</p>
+                </div>
+                <div class="col-xl-4 tl-item-ar o-2">
+                    <h4>2002</h4>
+                    <p>ya se atendían a más de 500 empresas de Culiacán y ciudades vecinas, en el sector residencial se tenía una base de datos con más de 1000 clientes, en ese momento ya se contaban con 4 unidades en diferentes categorías.</p>
+                </div>
+                <div class="col-xl-4 tl-item-ar o-3">
+                    <h4>2014</h4>
+                    <p>Drenax ya es una empresa consolidada en el estado de Sinaloa con 3 sucursales, Culiacán, una en los Mochis y otra en Mazatlán, con más de 40 empleados y 30 unidades en las diferentes categorías como lo son Drenajes, Inspección de Tuberías, Limpieza de Pisos y Sanitización de ambientes. </p>
+                </div>
+                
+                <div class="col-xl-4 tl-item-ab o-4">
+                    <h4>1997</h4>
+                    <p>Adquirimos nuestro primer equipo Hidroneumático para dar el servicio de limpieza y desazolve en instalaciones de drenaje sanitario y pluvial. Salazar, una empresa dedicada a la Limpieza de Redes de Drenaje Sanitario. </p></div>
+                <div class="col-xl-4 tl-item-ab o-5">
+                    <h4>2006</h4>
+                    <p>Cambiamos de nombre comercial y razón social a DRENAX, S.A de C.V.. Para ese tiempo nuestra visión era más clara, ser líder regional en limpieza de drenajes, para ello ya se contaban con 7 vehículos, y no solo nos enfocamos al drenaje, incursionamos en el barrido mecanizado y el restregado de pisos.</p></div>
+                <div class="col-xl-4 tl-item-ab o-6">
+                    <h4>2025</h4>
+                    <p>Actualmente, Drenax es empresa consolidada y líder en el sector con más de 50 colaboradores y 3 ubicaciones en el estado de Sinaloa. </p>
+                </div>
+            </div>
+            <div class="tl-line">
+                <div class="circle-1"></div>
+                <div class="circle-2"></div>
+                <div class="circle-3"></div>
+                <div class="circle-4"></div>
+                <div class="circle-5"></div>
+                <div class="circle-6"></div>
+            </div>
+        </div>
+    </section>
+    <section class="img-bottom">
+        <h3 style="text-align: center;">Más de 10,000 clientes satisfechos...</h3>
+    </section>

public_html/views/refacciones.php

@@ -0,0 +1,57 @@
+<section class="ref-header">
+  <div class="ref-content">
+    <div class="ref-cta-container">
+      <span class="ref-cta-text ref-cta-no-box">TODO LO QUE NECESITAS PARA MANTENER</span>
+      <span class="ref-cta-text ref-cta-box">TU OPERACIÓN EN MOVIMIENTO</span>
+    </div>
+  </div>
+</section>
+<section class="ld-red">
+  <div class="floating-block-container">
+      <div class="cat-cta-container">
+        <span class="ref-cta-text cat-cta-box">CATÁLOGO</span>
+      </div>
+      <div class="floating-block">
+        <div class="floating-block-content">
+          <p class="description">En DRENAX PRO contamos con un amplio stock de refacciones para equipos hidroneumáticos, Vactor® y maquinaria especializada en limpieza de drenaje. Ofrecemos piezas originales y compatibles, seleccionadas para garantizar el máximo rendimiento, durabilidad y seguridad de tus unidades.</p>
+        </div>
+        <div class="floating-block-arrow"></div>
+      </div>
+      <div class="blocks-container">
+        <span class="block-tex-box">Componentes hidráulicos</span>
+        <span class="block-tex-box">Boquillas</span>
+        <span class="block-tex-box">Mangueras</span>
+        <span class="block-tex-box">Filtros</span>
+        <span class="block-tex-box">Accesorios</span>
+        <span class="block-tex-box">Refacciones específicas</span>
+        <span class="block-tex-box">según tu equipo</span>
+      </div>
+      <div class="cat-cta-container">
+        <span class="ref-cta-text ref-cta-no-box">TENEMOS LO</span><br>
+        <span class="ref-cta-text ref-cta-no-box">QUE NECESITAS</span>
+      </div>
+      <div class="cat-card">
+        <div class="card-header">
+          <h3 class="header-title">¿Por qué elegir nuestras refacciones?</h3>
+        </div>
+        <div class="card-description">
+          <p>Productos de alta calidad y disponibilidad inmediata.</p>
+          <p>Asesoría personalizada para encontrar la pieza correcta.</p>
+          <p class="highlight">Envíos a todo México.</p>
+          <p>Soporte técnico con respaldo DRENAX PRO.</p>
+        </div>
+      </div>
+  </div>
+</section>
+<section class="ld-blue-simple" style="height:60vh;">
+  <div class="floating-block-container" style="top:-400px;">
+    <div class="cat-cta-container">
+      <span class="ref-cta-text cat-cta-box" style="background-color:#191990;">CATÁLOGO</span>
+    </div>
+    <div class="cat-end-card">
+    </div>
+    <div class="cat-cta-container">
+      <span class="ref-cta-text ref-cta-no-box">MANTÉN TU EQUIPO AL 100%</span>
+    </div>
+  </div>
+</section>