img.imagen {
    width: 304px;
    /* position: fixed; */
    bottom: 0;
    z-index: 0;
}

.pedido {
    height: fit-content;
margin-right: 4px;
    background: #220e0e;
    width: 304px;
    padding: 8px;
    border-radius: 4px;
    /* color: white; */
    /* border-color: red; */
    border: 2px;
    border-color: #686868;
    border-style: solid;
}

span.detalle {}

.detalle {
    position: unset;
    /* float: left; */
    display: inline-grid;
    /* align-content: space-around; */
}

.detalles {
/*   display: flex; */
    justify-content: flex-start;
    /* justify-items: end; */
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 6px;
    /* background-color: black; */
    align-content: center;
}

span.detalle {
    /* background-color: #dfd6d0; */
    padding: 10px;
    background: white;
    /* margin-right: 4px; */
    /* padding: 5px; */
    padding-top: 11px;
    border-radius: 4px;
    /* border-color: #ffffff; */
    border: 1px;
    border-style: solid;
    border-color: #000000;
    font-size: 16px;
    /* font-weight: 600; */
    margin-bottom: 1px;
    margin-top: ;
    min-width: fit-content;
    white-space: break-spaces;
    width: 74px;
    /* height: 17px; */
    min-height: 17px;
    /* vertical-align: middle; */
    font-family: sans-serif;
    text-align: center;
    align-content: center;
    position: relative;
    padding-bottom: 0px;
    font-weight: 600;
    /* border-color: black; */
    /* padding: 7px; */
    /* border: 1px; */
    /* border-style: solid; */
}
img.fierro {
    width: 54px;
    z-index: 1;
    /* position: fixed; */
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.94;
}

img.imagen2 {
    width: 78px;
    /* height: 44px; */
    /* bottom: 0; */
    position: absolute;
    opacity: 0.94;
    left: 0;
    top: 0;
}

.imagenes {
    position: relative;
    width: fit-content;
    margin-bottom: 2px;
}

.imagenes img {
    border: 1px;
    border-style: ridge;
    border-color: #3a211db3;
}
span#titd {
    position: absolute;
    left: 1px;
    top: 0;
    font-size: 12px;
    font-weight: 600;
}
span.id {
    background: #443f3a;
    padding: 4px;
    border-radius: 5px;
    font-weight: 700;
    color: #ffffffed;
}

span.nombre {background: #443f3a;padding: 4px;border-radius: 5px;text-decoration: underline;font-weight: 600;color: white;}

span.estado {
    font-size: 12px;
    color: white;
    background: #363636;
    border-radius: 2px;
    padding: 2px;
}
body {
    zoom: 1.25;
    font-family: sans-serif;
    margin: 0;
}

@media (max-width: 910px) {
body {
    zoom: 1.0;

}
    }


.pedido span {
    /* color: white; */
}

label {
    color: white;
    font-weight: 500;
}
div#pedidos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-evenly;

}
header {
    background: #080505;
}

#logo img {
    width: 32px;
    margin-top: 4px;
}

span#logo {
    display: inline;
    color: white;
    font-weight: 600;
    font-size: 31px;
    alignment-baseline: middle;
    transform-origin: center;
    opacity: 0.94;
    vertical-align: middle;
    margin-bottom: 0px;
    font-family: fantasy;
}

span#nav {
    float: right;
    margin-right: 11px;
    /* vertical-align: middle; */
    margin-top: 8px;
    color: white;
    text-decoration: none;
    text-decoration: none;
}

span#nav {}

a:link,a:visited {
    color: white;
    /* text-decoration: none; */
}

#nav a {
    margin-right: 4px;
    font-weight: 600;
    font-family: monospace;
    background: #b35a454d;
    padding: 10px;
}
center form {
    width: 206px;
    display: grid;
    margin-top: 20px;
    font-weight: 800;
    background: #d9d9d9;
    border-radius: 5px;
}h1 {
    font-weight: 700;
    font-family: monospace;
}
.opciones a {
    color: white;
    margin-right: 4px;
    background: #3c1e18;
    padding: 4px;
    border-radius: 5px;
    font-family: monospace;
    font-weight: 600;
    /* text-decoration: none; */
}

.opciones {
    margin-top: 23x;
    background: #000000e8;
    width: 384px;
    max-width: 100%;
    padding: 8px;
    font-size: 12px;
    border-radius: 7px;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 12px;
    padding-bottom: 12px;
}
div#stats {
    font-family: serif;
    font-weight: 600;
    font-size: 12px;
    color: white;
}
#botones label,input{
  display:flex;
  flex-direction:column;
}

form#botones {display: inline-flex;background: #2c2016;/* border-style: dashed; */border: 2px;/* border-style: groove; */flex-wrap: wrap;flex-direction: row;align-content: space-between;justify-content: center;align-items: center;}

span#boton {display: inline-flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin-right: 8px;margin-top: 2px;font-weight: 900;font-family: monospace;font-size: 13px;/* background: black; */border: 1px;border-style: dotted;border-color: white;padding: 3px;/* width: 60px; */}

#boton input[type='checkbox'] {transform: scale(1.5);}
span.barra {
    display: inline-block;
    border: 2px;
    border-style: solid;
    border-color: #000000;
    background: lightgrey;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}
#contenedor-barra {display: block;max-width: 400px;width: 100%;/* max-width: 20px; */ /* background: gray; */margin: 0;
    padding: 0;}

span.barra:first-child {/* display: none; */border-top-left-radius: 9px;border-bottom-left-radius: 9px;}

span.barra:last-child {
    /* display: none; */
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}
#check 
{

    color: chartreuse;
}
#check2{
    margin-top: 7px;
}


span.barratexto {display: inline-flex;width: 94%;}

span.texto {vertical-align: center;display: flex;justify-content: center;align-content: center;align-items: center;/* padding: 5px; */margin-left: 4px;font-family: monospace;font-size: 11px;font-weight: 600;background: #ebebeb;padding: 2px;height: 20px;border: 2px;border-style: solid;width: 212px%;width: 100%;/* text-align: left !important; */}
span#avisos {
    border: 1px;
    border-style: dashed;
    padding: 4px;
    background: #ffe5be;
    /* width: 37px; */
    /* height: 20px; */
    display: block;
}
}
div#contacto {
    display: inline-block;
    margin-top: 23px;
    width: 80%;
    border: 1px;
    border-style: dotted;
    margin: 0px;
    margin-top: 9px;
    padding: 12px;
    margin-bottom: 12px;
}
.detalles h3 {
    text-align: center;
    color: white;
    margin: 9px;
    text-shadow: 1px 1px 12px white;
}