PANEL RESTAURANT Terminado

src/public/css/restaurant.css

@@ -0,0 +1,412 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
+@font-face {
+    font-family: sigma_font;
+    src: url(../tipografias/sigma_font.ttf) format('truetype'), url(../tipografias/sigma_font.otf) format('truetype');
+    font-style: normal;
+}
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Poppins', sans-serif;
+    color: #fff;
+}
+body {
+    overflow-x: hidden;
+}
+.container{
+    position: relative;
+    width: 100%;
+}
+/********* NAVIGATION BAR *********/
+.navigation{
+    position:fixed;
+    width: 250px;
+    height: 100%;
+    background: #003147;
+    
+    transition: 0.5s;
+    overflow: hidden;
+}
+.navigation.active{
+    position:fixed;
+    width: 60px;
+    transition: 0.5s;
+}
+.navigation ul{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+.navigation ul li{
+    position: relative;
+    width: 100%;
+    list-style: none;
+}
+.navigation ul li:hover{
+    background: #03a9f4;
+    
+}
+.navigation ul li:nth-child(1):hover{
+    background: transparent;
+}
+.navigation ul li:nth-child(1){
+    margin-bottom: 20px;
+}
+
+.navigation ul li a{
+    position: relative;
+    display: block;
+    width: 100%;
+    display: flex;
+    text-decoration: none;
+    color: #fff;
+}
+.navigation ul li .icon{
+    position: relative;
+    display: block;
+    min-width: 60px;
+    height:60px;
+    line-height: 60px;
+    text-align: center;
+}
+.navigation ul li .icon .fa{
+    color: #fff;
+    font-size: 24px;
+}
+.navigation ul li a .title{
+    position: relative;
+    display: block;
+    padding: 0 10px;
+    height: 60px;
+    line-height:60px;
+    white-space: nowrap;
+}
+
+#logo{
+    margin-top: 12px;
+}
+.nom_app{
+    margin-left: 12px;
+}
+.nom_app .titulo{
+    font-family: sigma_font;
+    font-size: 32px;
+}
+.nom_app .subtitulo{
+    font-size: 16px;
+    text-align: right;
+}
+/********* PRINCIPAL *********/
+.main {
+    position: absolute;
+    width: calc(100% - 250px);
+    left: 250px;
+    min-height: 100vh;
+    /*background: #084c6d;*/
+    background: #1f2b33;
+    transition: 0.5s;
+}
+.main.active {
+    width: calc(100% - 60px);
+    left: 60px;
+}
+.main .topbar{
+    width: 100%;
+    background: #1F497D;
+    height: 60px;
+    padding: 0 10px;;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.toggle{ 
+    position: relative;
+    width: 60px;
+    height: 60px;
+    cursor: pointer;
+}
+.toggle::before{
+    content: '\f0c9';
+    font-family: fontawesome;
+    position: absolute;
+    width: 100%;
+    height:100%;
+    line-height:60px;
+    font-size: 24px;
+    text-align: center;
+    color: #111;
+}
+.buscar{
+    position: relative;
+    width: 400px;
+    margin: 0
+}
+.buscar label{
+    position: relative;
+    width: 100%;
+}
+.buscar label input{
+    position: relative;
+    width: 100%;
+    height: 40px;
+    border-radius: 35px;
+    padding: 5px 20px; 
+    padding-left: 35px;
+    outline: none;
+    border: 1px solid rgba(0,0,0,0.2);
+}
+
+.buscar label .fa{
+    position: absolute;
+    left: 15px;
+    top: 4px;
+}
+.user{
+    position: relative;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    overflow: hidden;
+    cursor: pointer;
+}
+.user img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height:100%;
+    object-fit: cover;
+}
+
+/********* tarjetas *********/
+.cardBox{
+    position: relative;
+    width: 100%;
+    padding: 20px;
+    display: grid;
+    grid-template-columns: repeat(4,1fr);
+    grid-gap: 20px;
+}
+.cardBox .card{
+    position: relative;
+    background: #1f497d;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
+}
+
+.cardBox .card .numeros{
+    position: relative;
+    font-size: 2em;
+    font-weight: 500;
+    color: #fff;
+}
+.cardBox .card .card_nombre{
+    color: #999;
+}
+.cardBox .card .iconBox{
+    font-size: 2.5em;
+    color: rgb(154, 223, 255);
+}
+
+/********* TABLAS *********/
+
+.detalles {
+    position: relative;
+    width: 100%;padding: 20px;
+    display: grid;
+    grid-gap: 20px;
+    grid-template-columns: 2fr 1fr;
+}
+.detalles .card_table{
+    position: relative;
+    padding: 20px;
+    padding-top: 10px;
+    display: grid;
+    min-width: 530px;
+    background: #1F497D;
+}
+
+.card_header{
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+}
+.card_header .h2{
+    font-weight: 600;
+}
+.btn{
+    position: relative;
+    padding: 5px;
+    background: rgba(10, 10, 10, 0.45);
+    text-decoration: none;
+    border-radius: 6px;
+}
+.detalles table{
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 10px;
+}
+.detalles table thead td{
+    font-weight: 600;
+    background:rgba(10, 10, 10, 0.2)
+}
+.detalles table tr{
+    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.detalles table tr:last-child{
+    border-bottom: none;
+}
+.detalles table tr:hover{
+    background: rgba(76, 144, 247, 0.5);
+    color:rgba(10, 10, 10, 0.45);
+    cursor: pointer;
+}
+.detalles table tr td{
+    padding: 9px 5px;
+}
+
+.detalles table tr td:nth-child(3),.detalles table tr td:nth-child(3){
+    text-align: right;
+    padding-right: 20px;
+}
+.detalles table tr td:nth-child(4),.detalles table tr td:nth-child(4){
+    text-align: left;
+    padding-right: 20px;
+}
+.detalles table tr td:last-child,.detalles table tr td:last-child{
+    text-align: center;
+}
+
+/********* ESTADOS *********/
+.estado {
+    position: relative;
+    padding: 2px 2px;
+    border-radius: 3px;
+    font-size: 14px;
+    font-weight: 300;
+    letter-spacing: 1px;
+}
+.iniciada{
+    margin: auto;
+    background: #00A65A;
+    color: white;
+}
+.pendiente{
+    margin: auto;
+    background: #F39C12;
+    color: white;
+}
+.procesando{
+    margin: auto;
+    background: #F39C12;
+    color: white;
+}
+.finalizada{
+    margin: auto;
+    background: #3C8DBC;
+    color: white;
+}
+.error{
+    margin: auto;
+    background: #DF5645;
+    color: white;
+}
+
+.detalles .items_recientes{
+    position: relative;
+    display: grid;
+    /*min-height: 530px;*/
+    background: #1F497D;
+    padding: 20px;
+}
+
+.detalles .items_recientes .img_Item{
+    position: relative;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    overflow: hidden;
+}
+.detalles .items_recientes .img_Item img{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+.detalles .items_recientes table tr:hover{
+    background: rgba(10, 10, 10, 0.45);
+}
+.detalles .items_recientes table tr td{
+    padding: 7px 10px;
+}
+.detalles .items_recientes table tr h4{
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.2em;
+}
+.detalles .items_recientes table tr h4 span{ 
+    font-size: 12px;
+    color: #999;
+    line-height: 1.2em;
+}
+
+/**** MODO RESPONSIVO *****/
+@media(max-width:992px){
+    .navigation{
+        left: -250px;
+        transition: 0.5s;
+    }
+    .navigation.active{
+        left: 0;
+    }
+    .main{
+        width:100%;
+        left: 0;
+    }
+    .main.active{
+        width:calc( 100% - 60px);
+        left: 60px;
+    }
+    .cardBox {
+        position: relative;
+        width: 100%;
+        padding: 20px;
+        display: grid;
+        grid-template-columns: repeat(2,1fr);
+        grid-gap: 20px;
+    }
+    .detalles {
+        position: relative;
+        width: 100%;
+        padding: 20px;
+        display: grid;
+        grid-gap: 20px;
+        grid-template-columns:repeat(1,1fr);
+    }
+}
+@media(max-width:768px){
+    .cardBox {
+        position: relative;
+        width: 100%;
+        padding: 20px;
+        display: grid;
+        grid-template-columns: repeat(1,1fr);
+        grid-gap: 20px;
+    }
+    .detalles .card_table{
+        padding: 10px;
+        padding-top: 10px;
+        min-width: 100%;
+        font-size: 11px;
+    }
+    .detalles .ordenesRecientes{
+        overflow: auto;
+    }
+}

src/public/img/favicon_restaurant/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

src/public/img/iconos/bbq-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 117.21"><title>bbq</title><path d="M116.52,117.21,96.71,71l-3.8,4.69,17,41.5h-5.35L89,78.32C73,89.53,50.79,89.86,34.61,78.84l-15,38.37H14.22l16-39.95c-2.34-2-3.26-3.78-5.08-6.28L5.4,117.21H0L21.92,65.79A52.86,52.86,0,0,1,14.8,48.36H9.29c-.88,0-1.61-1.14-1.61-2.56s.73-2.55,1.61-2.55h4.6c-.18-1.37-.33-2.76-.44-4.19-.09-1.21-.26-2.15.56-3.22h0a2.77,2.77,0,0,1,2-1.11h.21l89.51.19h1.08s.15,0,.17,0a2.66,2.66,0,0,1,2.54,1.83,6.67,6.67,0,0,1,0,2.09c-.09,1.51-.23,3-.42,4.42h4.47c.89,0,1.61,1.14,1.61,2.55s-.72,2.56-1.61,2.56h-5.36A51.55,51.55,0,0,1,100.93,66l21.95,51.17ZM36.8,30.41a2.31,2.31,0,0,1-3.27-3.27c1.71-1.71.9-3.22,0-5C31.77,19,29.79,15.25,33.17,9.4a2.31,2.31,0,1,1,4,2.32c-2.1,3.62-.76,6.12.4,8.29,1.81,3.37,3.36,6.28-.76,10.4ZM74.24,18.89A2.31,2.31,0,0,1,71,22.16c-4.13-4.13-2.57-7-.77-10.4,1.17-2.18,2.5-4.67.41-8.3a2.31,2.31,0,1,1,4-2.31C78,7,76,10.7,74.27,13.92c-.94,1.75-1.74,3.26,0,5Zm15.82,8.25a2.31,2.31,0,1,1-3.27,3.27c-4.12-4.12-2.56-7-.76-10.4,1.16-2.17,2.5-4.67.4-8.29a2.31,2.31,0,1,1,4-2.32c3.38,5.85,1.4,9.55-.33,12.78-.93,1.74-1.74,3.25,0,5ZM52.62,22.28A2.31,2.31,0,1,1,49.35,19c1.72-1.71.91-3.22,0-5C47.6,10.82,45.62,7.12,49,1.27a2.31,2.31,0,0,1,4,2.31c-2.09,3.63-.76,6.12.41,8.3,1.8,3.37,3.36,6.28-.77,10.4Z"/></svg>

src/public/img/iconos/beer-mug-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110.03 122.88"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>beer-mug</title><path class="cls-1" d="M28.89,4.45A17.42,17.42,0,0,1,36.46.67a19.64,19.64,0,0,1,8.15-.1,17.41,17.41,0,0,1,6.17,2.52A17.38,17.38,0,0,1,56.28.6,18.75,18.75,0,0,1,63.84.22,20.52,20.52,0,0,1,71,2.77a21.48,21.48,0,0,1,7.87,8,14.91,14.91,0,0,1,9,2.92,16,16,0,0,1,4.34,4.76,14.94,14.94,0,0,1,2.06,6.45c.41,5-1.65,10.45-7.68,14.84V50.44l5-.44C101.71,49.11,110,58.29,110,68.41V90.05c0,9.93-8.16,18.91-18,18l-5.36-.46V113a9.93,9.93,0,0,1-2.92,7h0a9.92,9.92,0,0,1-7,2.92H18.24A10,10,0,0,1,8.31,113c0-7.69.1-62,.13-73.69C1.49,33.57-.68,27,.18,21.08A17.13,17.13,0,0,1,4.56,12a18.88,18.88,0,0,1,8.38-5.26,19.15,19.15,0,0,1,13.26.73,15.69,15.69,0,0,1,2.69-3ZM86.62,62.18V96.3h7a4.22,4.22,0,0,0,4.19-4.19V66.78a4.62,4.62,0,0,0-4.61-4.6ZM61.06,67.29a4.1,4.1,0,0,1,8.14,0V96.64a4.1,4.1,0,0,1-8.14,0V67.29Zm-35.32,0a3.85,3.85,0,0,1,4.06-3.58,3.85,3.85,0,0,1,4.07,3.58V96.64a3.85,3.85,0,0,1-4.07,3.58,3.85,3.85,0,0,1-4.06-3.58V67.29ZM43.4,64.53a4.1,4.1,0,0,1,8.13,0V99.39a4.1,4.1,0,0,1-8.13,0V64.53ZM79.49,41.92l-1.68.1c-1.38,0-2.79,0-4.23,0l0,.36A13.75,13.75,0,0,1,63.17,56a15.62,15.62,0,0,1-7.83,0A14.39,14.39,0,0,1,47,50.18a17.47,17.47,0,0,1-2.29-5.66C44.35,43.26,44,42,40.94,42H15.43v71a2.83,2.83,0,0,0,2.81,2.81H76.7a2.79,2.79,0,0,0,2-.82h0a2.79,2.79,0,0,0,.82-2v-71ZM14.06,35.87C-5.81,22,16.13,2.22,29.72,17.48,28.63,4.77,46.69,2.76,50.66,12,56.51,1.93,72,5.28,75.25,17.88c8.81-4.95,20.4,9,6.68,17.65a49.47,49.47,0,0,1-8.68.43c-4.54-.08-5.68,2.24-5.73,6.38C67.41,51.45,56,52.72,52,46.77c-2.67-4-.35-10.9-11.09-10.9Z"/></svg>

src/public/img/iconos/food-and-drink-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 120.4"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>food-and-drink</title><path class="cls-1" d="M3,103.28q33.87-.07,67.73,0a2.46,2.46,0,0,1,2.45,2.44c0,3.65-1.54,10.79-9.79,10.79H10.35c-8.25,0-9.78-7.14-9.78-10.79A2.45,2.45,0,0,1,3,103.28Zm56.86-59c18.83,14.5,25.55,8.78,36.34,3.46,8.27-4.07,11.5-7.93,21.54-3.86V29.1H59.88V44.28ZM96.62,24.65l3.78-14a3.42,3.42,0,0,1,1.82-2.3L117.7.44a3.48,3.48,0,0,1,3.4,6.07l-14.28,7.26-3,10.88.27-.84h16.5A2.22,2.22,0,0,1,122.77,26h0V54.26c0,18.35-10,32.59-28.74,34v25.82h14.55c1.23,0,2.21,1.94,2.21,3.16s-1,3.17-2.21,3.17H76.82l.48-.51a19.07,19.07,0,0,0,3.57-5.82h3.78V88.34c-1,0-2-.12-3-.23a15,15,0,0,0-1.06-2.57,13.5,13.5,0,0,0,1.26-1.89,14.16,14.16,0,0,0,1-11.25,23.44,23.44,0,0,0-4.81-8.35c-4.58-5.28-12.65-10.66-23.47-13.6V26a2.21,2.21,0,0,1,2.21-2.21H96.87l-.25.84ZM67.55,81.78H7a7,7,0,0,1-7-7H0c0-10,19.85-17.21,36.53-17.37,32.8-.33,47.52,24.36,31,24.36Zm-14-16.14a3.77,3.77,0,1,1-3.76,3.77,3.77,3.77,0,0,1,3.76-3.77Zm-32.81.27A3.77,3.77,0,1,1,17,69.68a3.77,3.77,0,0,1,3.76-3.77Zm16.28-3.59a3.77,3.77,0,1,1-3.77,3.77,3.77,3.77,0,0,1,3.77-3.77ZM73,91.38a1.13,1.13,0,0,1,.16.56c0,.13,0,.27,0,.41s0,.28,0,.4a1.17,1.17,0,0,1-.16.57c-.55,2.42-2.78,5.6-9.62,5.6H10.35c-6.84,0-9.06-3.17-9.62-5.6a1.17,1.17,0,0,1-.16-.57c0-.12,0-.26,0-.4a2.88,2.88,0,0,1,0-.41,1.13,1.13,0,0,1,.16-.56c.56-2.43,2.79-5.6,9.62-5.6H37.83L48,96.24,58,85.78h5.39c6.84,0,9.07,3.17,9.62,5.6Z"/></svg>

src/public/img/iconos/food-court-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 102.91"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>food-court</title><path class="cls-1" d="M11.51,102.89v-44a9.26,9.26,0,0,1-6.35.3,7.52,7.52,0,0,1-3.5-2.45,7.72,7.72,0,0,1-1.61-4,10,10,0,0,1,2.4-7.37h0a2.19,2.19,0,0,1,.34-.34L59.85.55a2.09,2.09,0,0,1,2.7-.11L119.73,44.9h0a1.79,1.79,0,0,1,.25.23,9.4,9.4,0,0,1,2.67,8.68,8.09,8.09,0,0,1-1.82,3.48,7.88,7.88,0,0,1-3.24,2.19A8.75,8.75,0,0,1,110.8,59v43.73h-5.6V56.58c0-1-39.22-32-43.55-35.39-4.59,3.49-44.54,34.25-44.54,35.55v46.17l-5.6,0Zm35-6.77,9.58-11.61,4.39,5.58L52,100.84c-3.23,4.11-9.22-.23-5.52-4.72ZM57.69,69.67c.91-3,.5-5.52-2.93-9.3L46.38,50.29c-1.19-1.39-4,.66-2.82,2.35l6.7,8.25a1.56,1.56,0,0,1-2.4,2l-6.93-8.53c-1.29-1.48-4,.47-2.6,2.16,2,2.35,5,6.19,6.93,8.54a1.35,1.35,0,1,1-2,1.7l-6.88-8.48a1.87,1.87,0,0,0-3.09.87c-.47,1.37.68,2.37,1.47,3.38l7.68,9.92c2.38,2.76,5,4.39,8.14,3.47a8,8,0,0,0,1.68-.82l20.62,26.63a3.28,3.28,0,0,0,4.65.42l.32-.26a3.69,3.69,0,0,0,.48-5.22L56.43,71.56a5.73,5.73,0,0,0,1.26-1.89Zm5.84,5.8,3.4-4.12C62.56,60.53,78.75,46.09,86.59,52.73,96.13,60.8,82,80.24,72,75.44l-4,5.11-4.45-5.08Z"/></svg>

src/public/img/iconos/food-restaurant-icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 115.21" style="enable-background:new 0 0 122.88 115.21" xml:space="preserve"><g><path d="M29.03,100.46l20.79-25.21l9.51,12.13L41,110.69C33.98,119.61,20.99,110.21,29.03,100.46L29.03,100.46z M53.31,43.05 c1.98-6.46,1.07-11.98-6.37-20.18L28.76,1c-2.58-3.03-8.66,1.42-6.12,5.09L37.18,24c2.75,3.34-2.36,7.76-5.2,4.32L16.94,9.8 c-2.8-3.21-8.59,1.03-5.66,4.7c4.24,5.1,10.8,13.43,15.04,18.53c2.94,2.99-1.53,7.42-4.43,3.69L6.96,18.32 c-2.19-2.38-5.77-0.9-6.72,1.88c-1.02,2.97,1.49,5.14,3.2,7.34L20.1,49.06c5.17,5.99,10.95,9.54,17.67,7.53 c1.03-0.31,2.29-0.94,3.64-1.77l44.76,57.78c2.41,3.11,7.06,3.44,10.08,0.93l0.69-0.57c3.4-2.83,3.95-8,1.04-11.34L50.58,47.16 C51.96,45.62,52.97,44.16,53.31,43.05L53.31,43.05z M65.98,55.65l7.37-8.94C63.87,23.21,99-8.11,116.03,6.29 C136.72,23.8,105.97,66,84.36,55.57l-8.73,11.09L65.98,55.65L65.98,55.65z"/></g></svg>

src/public/img/iconos/glass-bottle-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.86 122.88"><title>glass-bottle</title><path d="M25.29,37.78a8,8,0,0,1-1.06-4.87v-.34h0V11.22H14.54V32.85h0v.36a6.92,6.92,0,0,1-.89,4.13h0a6.09,6.09,0,0,1-1.34,1.56,6.86,6.86,0,0,1-1.73,1h0a11.44,11.44,0,0,0-2.48,1.41,11,11,0,0,0-2,2h0a12.54,12.54,0,0,0-1.57,2.63,18.24,18.24,0,0,0-1,3.13v65.61a6,6,0,0,0,.49,3A2.94,2.94,0,0,0,5.51,119a5.2,5.2,0,0,0,2.39.35H28.56a17.41,17.41,0,0,0,3.23-.18,4.37,4.37,0,0,0,2.78-1.31,4.52,4.52,0,0,0,.78-2.81h0V49.92c-.41-6.24-3.74-8-6.32-9.32a9.11,9.11,0,0,1-3.73-2.81ZM13.84,0H25a2.91,2.91,0,0,1,2.06.86h0a2.91,2.91,0,0,1,.86,2.06v6.4a1.79,1.79,0,0,1-.21.83V32.57h0v.36a5.47,5.47,0,0,0,.51,3,7.34,7.34,0,0,0,2.42,1.62c3.36,1.75,7.7,4,8.2,12.31v65.3a7.83,7.83,0,0,1-1.56,5,7.71,7.71,0,0,1-4.89,2.56,20.88,20.88,0,0,1-3.85.22H7.9a7.9,7.9,0,0,1-3.76-.63h0a6.36,6.36,0,0,1-3.26-3A9.32,9.32,0,0,1,0,114.59V48.87l0-.39a21.49,21.49,0,0,1,1.31-4,16.18,16.18,0,0,1,2-3.38A14.54,14.54,0,0,1,6,38.54H6A15,15,0,0,1,9.2,36.67h0a3.41,3.41,0,0,0,.84-.48,2.42,2.42,0,0,0,.55-.64A4.33,4.33,0,0,0,11,33.22v-.36h0V10.29a1.56,1.56,0,0,1,0-.31,1.62,1.62,0,0,1-.13-.66V2.92A3,3,0,0,1,11.78.86h0A2.93,2.93,0,0,1,13.84,0ZM24.42,3.51h-10V7.56h10v-4ZM31.6,78.83v29.9a9.43,9.43,0,0,1-.87,4.63,6.3,6.3,0,0,1-3.25,3l-1.39-3.21a3,3,0,0,0,1.52-1.39,6.13,6.13,0,0,0,.48-3v-30Z"/></svg>

src/public/img/iconos/hot-dog-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 101.89"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>hot-dog</title><path class="cls-1" d="M86.25,10.25C76.11,9.2,62.8,19.23,51,28.1,45,32.69,39.25,37,34.34,39.5c-2.46,1.26-4.85,2.39-7.12,3.47-6.24,3-11.56,5.49-14.1,8.55A18.39,18.39,0,0,0,9.8,57.16a13.24,13.24,0,0,0-.69,3.41C14.08,59,19.05,57.15,24,55A160.74,160.74,0,0,0,42,46C59.41,35.79,72,23.85,86.15,10.34l.1-.09Zm17.81-1.83a3.48,3.48,0,1,1-1.91,6.7c-.55-.16-.75.77-1,1.88C100.05,22.31,98.7,28.69,87,27.21c-1-.12-1.11.68-1.26,1.63-.84,5-1.83,11-14.73,10.28-.37,0-.45.83-.54,1.82C70,46.42,69.36,53,55.39,52.23c-1.53-.09-2.73-.23-3.7-.34s-1.15-.48-1.36-.33a25.77,25.77,0,0,0-2.4,4.24c-.52,1-1.13,2.16-2,3.72-2.33,4.33-6.82,4.2-11,4.07a13.35,13.35,0,0,0-3.45.09l-.36.21a21.5,21.5,0,0,0-1.6,2.3,3.49,3.49,0,0,1-6.05-3.49,30.76,30.76,0,0,1,2.31-3.3,6,6,0,0,1,2.62-2c2-1,4.31-.89,6.74-.82,2.12.07,4.39.14,4.68-.42.7-1.28,1.36-2.55,1.93-3.64,1.94-3.72,2.88-5.5,4.48-6.66,2-1.41,3.42-1.24,6.22-.92.87.09,2,.22,3.31.3,7.26.41,7.53-2.53,7.75-5,.42-4.59.78-8.52,7.85-8.15,6.69.35,7.13-2.28,7.5-4.47.75-4.52,1.39-8.36,9-7.4,5.33.68,6-2.27,6.47-4.73,1.07-5.07,2-9.33,9.71-7.13ZM92.54,7.1C103.43-6,118.68-.23,115.62,18a11.72,11.72,0,0,1,3.28,2.9c3.95,4.9,4.54,10.32,3.57,15.71-.91,5.08-3.17,10-5.22,14.35a83.62,83.62,0,0,1-12.74,19.74,75.58,75.58,0,0,1-16.28,14l0,0a105.45,105.45,0,0,1-16.37,9.4,88.71,88.71,0,0,1-18.5,6.15,58,58,0,0,1-17.84,1.38c-6.22-.67-12.1-2.92-16.68-7.93l-.09-.09c-.37-.42-.73-.85-1.06-1.29a17,17,0,0,1-2-3.47C.31,87.36-4.69,73.72,4.87,65.33a2.49,2.49,0,0,1-.48-1.17,18.25,18.25,0,0,1,.8-8.6,22.93,22.93,0,0,1,4.17-7.14c3.23-3.89,9-6.63,15.77-9.85,2.25-1.07,4.62-2.19,7-3.41,4.55-2.33,10.07-6.49,16-10.94C62.43,13.42,78.86,1,91.92,6.75a2.53,2.53,0,0,1,.62.35ZM81.43,45.17c-2.76,2.21-5.6,4.31-8.49,6.31A126.4,126.4,0,0,1,36.65,69.29c-5.35,1.77-9.59,3.16-13.09,5.79-.31.23-.63.5-.95.79a9.79,9.79,0,0,0-3.29,6.49,10.47,10.47,0,0,0,2.23,7.07c.23.31.49.62.77.93l.08.08c3.67,4,8.48,5.82,13.61,6.37a52.88,52.88,0,0,0,16.3-1.3,83.22,83.22,0,0,0,17.48-5.8,101.11,101.11,0,0,0,15.62-9l.18-.13a70.66,70.66,0,0,0,15.24-13.08,79.29,79.29,0,0,0,12-18.63c1.93-4.12,4.07-8.72,4.85-13.13.74-4.1.32-8.19-2.57-11.79a6.56,6.56,0,0,0-2.28-1.9,5,5,0,0,0-2.62-.42c-5.64.48-11.06,6.34-15.82,11.49-1.66,1.79-3.24,3.51-4.82,5q-4,3.76-8.14,7Z"/></svg>

src/public/img/iconos/plastic-soft-drink-bottle-icon.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.63 122.88"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>plastic-soft-drink-bottle</title><path class="cls-1" d="M13.85,13.75H31.78v5.62C31.91,25.15,44.3,22.91,45.56,39A25.7,25.7,0,0,1,45,46.65c-3,1.55-2.43,8.19.13,8.81v1.48H.49V55.46c2.57-.62,3.09-7.26.14-8.81A25.54,25.54,0,0,1,.08,39c1.3-16,13.65-13.82,13.77-19.59V13.75Zm18.84-1.69H12.94a.86.86,0,0,1-.86-.86V3.3A3.26,3.26,0,0,1,13,1L13.05,1a3.28,3.28,0,0,1,2.33-1H30.25a3.26,3.26,0,0,1,2.33,1,3.3,3.3,0,0,1,1,2.33v7.9a.85.85,0,0,1-.86.86Zm12.45,47V81.46H.49V59.05Zm0,24.51v3.07c-3.14,1.39-2.6,7.87,0,9.25v20.4c-1.28,9.11-14.18,8.49-13.86,0a5.67,5.67,0,0,1-1.17,3.37c-4.15,5.47-15.64,3.68-15.76-3.37.33,8.49-12.58,9.11-13.86,0V95.88C3.1,94.5,3.63,88,.49,86.63V83.56ZM5.26,98.45a1.13,1.13,0,0,1,2.26,0v13.27a1.13,1.13,0,0,1-2.26,0V98.45ZM5.26,63a1.13,1.13,0,1,1,2.26,0V77.46a1.13,1.13,0,0,1-2.26,0V63ZM13,26.41a1.13,1.13,0,0,1,1.31,1.83,16.91,16.91,0,0,0-4.54,4.68,16.31,16.31,0,0,0-2.3,5.87,1.12,1.12,0,0,1-2.2-.42A18.5,18.5,0,0,1,7.9,31.7,19.15,19.15,0,0,1,13,26.41Z"/></svg>