* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 1vw;
}

body {
    background: #000000;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V0C4.477 0 0 4.477 0 10v30zm22 0c-5.523 0-10-4.477-10-10V0c5.523 0 10 4.477 10 10v30z' fill='%239f0101' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
    font-family: 'Oswald', sans-serif;
}

ul {
    list-style: none;
    text-decoration: none;
}

a {
    text-decoration: none;
    color: #ffffff;
}

/* HEADER DESKTOP */

.desktop {
    position: fixed;
    top: 0;
    padding-top: 2rem;
    width: 100%;
    height: 14.4rem;
    background: #000000;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V0C4.477 0 0 4.477 0 10v30zm22 0c-5.523 0-10-4.477-10-10V0c5.523 0 10 4.477 10 10v30z' fill='%239f0101' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.desk__nav {
    width: 90%;
    margin: auto;
    display: flex;
}

.desktop img {
    height: 4.5rem;
    border-radius: 1.5rem;
}

.desktop a {
    color: #ffffff;
    text-shadow: 0 0 25px #ffffff;
    margin: 0 .7em;
    font-size: 1.2rem
}

.desk__nav ul {
    display: flex;
}

.desk__nav-menu {
    flex: 1;
}

.desk__nav-right {
    align-items: center;
    border-radius: 2rem;
    background: linear-gradient(to right, rgba(150, 87, 87, 0.123), rgba(150, 87, 87, 0.585));
}

.desk__dropdown .desk__dropbtn {
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    color: #ffffff;
    text-shadow: 0 0 25px #ffffff;
}

.desk__dropdown .desk__dropbtn:hover {
    color: #bbbbbb;
}

.desk__dropdown-content {
    display: none;
    position: absolute;
    min-width: 2rem;
    z-index: 1;
}

.desk__dropdown-content a {
    float: none;
    color: #ffffff;
    padding: .1rem;
    display: block;
    text-align: left;
    font-size: .9rem;
}

.desk__dropdown:hover .desk__dropdown-content {
    display: block;
}

.desktop a:hover {
    color: #bbbbbb;
}

.desk__dropbtn a:hover {
    color: #bbbbbb;
}

.desk__feria {
    text-align: center;
    margin-bottom: -1.4rem;
}

.desk__header-button {
    font-family: 'Oswald', sans-serif;
    background: none;
    border: none;
    color: #ffffff;
    font-size: .9rem;
    cursor: pointer;
}

.desk__header-button:hover {
    color: #bbbbbb;
}

/* HEADER MOVIL */

.movil {
    display: none;
}

.mov__nav {
    position: fixed;
    top: 0;
    height: 50px;
    width: 100%;
    background: radial-gradient(#921717, #321717);
}

.mov__nav-ul {
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
}

.mov__nav-button {
    position: relative;
    top: 0;
    width: 100%;
    height: 50px;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    z-index: 100;
}

.mov__nav-li-container {
    position: relative;
    top: -1000px;
    width: 50%;
    height: 100vh;
    background: radial-gradient(#92171788, #32171788);
    z-index: 1;
    transition: all .5s;
}

.mov__nav li {
    margin: 30px 20px;
    height: 20px;
    display: flex;
    align-items: center;
}

.mov__nav a {
    color: #000000;
    background: #ffffff;
    border-radius: 10px;
    padding: 5px 20px;
    width: 100%;
    font-size: 16px;
}

.mov__nav-ul:hover>.mov__nav-li-container {
    top: -1px;
}

/* DESKTOP */

.desk__container {
    width: 90%;
    margin: auto;
    margin-top: 14.4rem;
}

.desk__container h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.desktop hr {
    width: 90%;
    margin: 2rem auto .6rem;
}

.desk__element-container {
    margin: 5rem 0;
}

.desk__tabla {
    margin: auto;
    width: 100%;
    margin-bottom: 6rem;
}

.desk__tabla h2 {
    font-size: 1.5rem;
    padding: .5rem;
    text-shadow: 0 0 25px white;
    margin-bottom: 0.1em;
}

.desk__tabla h3 {
    font-size: 1.2rem;
    padding: 0 2rem;
    margin: 1rem 0 .5rem;
}

.desk__tabla h4 {
    font-size: 1rem;
    margin-bottom: .3rem;
}

.desk__tabla h5 {
    font-size: 1.5rem;
    text-shadow: 0 0 25px white;
    margin-bottom: 0.8rem;
}

.desk__tabla h6 {
    font-size: 1rem;
    margin-bottom: .5rem;
}

.desk__tabla hr {
    width: 50%;
    border: 1px solid rgba(245, 245, 245, .1);
    margin: auto;
}

.desk__tabla td {
    text-align: center;
    font-size: 1rem;
}

.desk__totales {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk__totales-element {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.desk__totales h3 {
    font-size: 1.5rem;
    padding: 0 2rem;
    margin: 1rem 0 .5rem;
}

.texto {
    background: none;
    border-radius: 1rem;
    padding: .5rem;
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
    outline: none;
    margin: .5rem;
}

.boton {
    margin: .5rem 0;
    background: none;
    border: none;
    color: #555555;
    font-family: 'Oswald', sans-serif;
    cursor: pointer;
    transition: all .5s;
}

.boton:hover {
    color: #ffffff;
}

.boton_editar {
    background: none;
    border: none;
    color: #555555;
    font-size: 1.2rem;
    margin: 0 1rem;
    cursor: pointer;
    transition: all .5s;
}

.boton_editar:hover {
    color: #225533;
}

.boton_borrar {
    background: none;
    border: none;
    color: #555555;
    font-size: 1.2rem;
    margin: 0 1rem;
    cursor: pointer;
    transition: all .5s;
}

.boton_borrar:hover {
    color: #992233;
}

.boton_print {
    background: none;
    border: none;
    color: #555555;
    font-size: 1.2rem;
    margin: 0 1rem;
    cursor: pointer;
    transition: all .5s;
}

.boton_print:hover {
    color: #999722;
}

.desk__desplegable {
    color: #ffffff;
    background: #555555;
    border: none;
    border-radius: 1rem;
    outline: none;
    padding: .5rem;
    font-family: 'Oswald', sans-serif;
    margin: 0 1rem;
}

/* TAQUILLA DESKTOP */

.desk__taq-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/taquilla.jpg) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.desk__taq-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #233, 0 0 1px #ffffff;
}

.cajas h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #6f6, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.cajas h2 {
    font-size: 2rem;
    color: #000000;
    text-shadow: 0 0 10px #6f6, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.cajas h3 {
    font-size: 1.7rem;
    color: #ffffff;
    text-shadow: 0 0 10px #6f6, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.cajas h4 {
    text-shadow: 0 0 25px #6f6;
    font-size: 1.1rem;
}

.cajas hr {
    background: #233;
}

/* PROMOTORES DESKTOP */

.desk__prom-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/taquilla.jpg) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.desk__prom-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #233, 0 0 1px #ffffff;
}

.desk__entrega-moneda {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.desk__entrega-separador {
    border: 1px solid white;
    border-radius: 50%;
    width: 1rem;
    padding-top: 3rem;
}

.promotores h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #6f6, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.promotores h2 {
    font-size: 2rem;
    color: #000000;
    text-shadow: 0 0 10px #6f6, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.promotores h3 {
    font-size: 1.7rem;
    color: #ffffff;
    text-shadow: 0 0 10px #6f6, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.promotores h4 {
    text-shadow: 0 0 25px #6f6;
    font-size: 1.1rem;
}

.promotores hr {
    background: #233;
}

/* BARRAS DESKTOP */

.desk__barras-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/barras.jpeg) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.desk__barras-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #23a, 0 0 1px #ffffff;
}

.barras h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #66f, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.barras h2 {
    font-size: 2rem;
    color: #000000;
    text-shadow: 0 0 10px #66f, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.barras h3 {
    font-size: 1.7rem;
    color: #ffffff;
    text-shadow: 0 0 10px #66f, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.barras h4 {
    text-shadow: 0 0 25px #66f;
    font-size: 1.1rem;
}

.barras hr {
    background: #23a;
}

/* CREAR/MODIFICAR DESKTOP */

.desk__element-edit {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-top: 3rem;
}

.desk__element-nueva {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk__element-edit-elements td {
    padding: 1rem;
}

.desk__element-edit-element {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* LIQUIDACIÓN DESKTOP */

.desk__liq {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk__liq-option {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.desk__liq-tipos {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1rem;
}

/* DESKTOP VER LIQUIDACION */

.desk__print-liq {
    display: flex;
    flex-direction: column;
}

.desk__print-liq-logo {
    display: none;
    margin: auto;
}

.desk__print-liq img {
    width: 18rem;
    margin: auto;
    border-radius: 1rem;
}

.desk__print-liq-feria {
    text-align: center;
}

.desk__print-liq-barrafecha {
    display: flex;
    justify-content: space-around;
}

.desk__print-liq-data {
    width: 100%;
    margin: auto;
}

.desk__print-liq-tabla {
    margin: 2rem auto 0;
}

.desk__print-liq-tabla h2 {
    margin-bottom: 1rem;
}

.desk__print-liq-tabla, .desk__print-liq-tabla th, .desk__print-liq-tabla td {
    border: 1px solid white;
    border-collapse: collapse;
    text-align: right;
    padding: 10px;
}

.desk__print-liq-totales {
    display: flex;
    justify-content: center;
}

.desk__print-liq-totales h2 {
    margin: 1rem 1rem 0 1rem;
}

.desk__print-liq-firmas {
    margin-top: 2rem;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.desk__print-liq-cuadrofirma {
    display: none;
    width: 150px;
    height: 100px;
    border: 1px solid #000000;
    border-radius: 1rem;
    padding: 80px 5px 0 0;
    text-align: end;
}

.desk__print-liq-option {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 4rem;
}

.desk__print-liq-option a {
    margin: 0 1rem;
}

/* HOSTELEROS DESKTOP */

.desk__host-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/hosteleros.jpg) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.desk__host-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #a23, 0 0 1px #ffffff;
}

.hosteleros h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #f66, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.hosteleros h2 {
    font-size: 2rem;
    color: #000000;
    text-shadow: 0 0 10px #f66, 0 0 2px #ffffff;
    margin-bottom: 1rem;
}

.hosteleros h3 {
    font-size: 1.7rem;
    color: #ffffff;
    text-shadow: 0 0 10px #f66, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.hosteleros h4 {
    text-shadow: 0 0 25px #f66;
    font-size: 1.1rem;
}

.hosteleros hr {
    background: #a23;
}

/* ALMACEN DESKTOP */

.desk__almacen-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/almacen.png) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    text-align: center;
}

.desk__almacen-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #228faa, 0 0 1px #ffffff;
}

.almacen h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #28a, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.desk__almacen {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}

.desk__almacen-producto {
    display: grid;
    grid-template-rows: 1fr 1fr 3fr;
    grid-template-columns: 6rem 1fr;
    margin: 2rem 0;
}

.desk__almacen-producto img {
    grid-row: 1 / 5;
    height: 8rem;
    margin-right: 1rem;
}

.desk__almacen-producto-datos {
    display: flex;
}

.desk__almacen-producto-datos-item {
    text-align: center;
    margin: 0 1rem;
}

.desk__almacen-addproducto {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk__almacen-addproducto h2 {
    text-shadow: 0 0 25px #ffffff;
    font-size: 2rem;
    color: black;
}

.desk__almacen-addproducto-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.desk__almacen-addproducto-item {
    width: 15rem;
    background: #ffffff;
    border-radius: 1rem;
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem;
    padding: 1rem;
}

.desk__almacen-addproducto-item img {
    width: 4rem;
}

.desk__almacen-productosferia td {
    margin: 1rem;
    padding: 1rem;
}

.desk__almacen-addproductoferia {
    width: 80%;
    margin: 4rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 2fr 2fr;
}

.desk__almacen-addproductoferia img {
    width: 6rem;
    grid-row: 1 / 5;
    margin: auto;
}

.desk__almacen-addproductoferia-nombre {
    grid-column: 2 / 5;
}

.desk__almacen-addproductoferia-formato {
    grid-column: 2 / 5;
}

.desk__almacen-addproductoferia-item {
    margin: auto;
    text-align: center;
}

.desk__almacen-nuevamarca-container {
    margin-bottom: 5rem;
}

.desk__almacen-nuevamarca-option {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.desk__almacen-nuevamarca-nuevoitem {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.desk__almacen-nuevamarca-tabla {
    border-radius: 3rem;
    background: linear-gradient(to bottom, #114a5823, #228faa23);
}

.desk__almacen-nuevamarca-tabla caption {
    text-shadow: 0 0 25px rgb(14, 77, 99), 0 0 2px #ffffff;
    color: #000000;
    margin: 2rem 0 1rem 0;
    font-size: 1.5rem;
}

.desk__almacen-nuevamarca-tabla td, .desk__almacen-nuevamarca-tabla th {
    margin: 1rem;
    padding: 1rem;
}

/* PEDIDOS DESKTOP */

.desk__pedidos-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/pedidos.jpeg) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.desk__pedidos-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #22aa3f, 0 0 1px #ffffff;
}

.pedidos h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #22aa3f, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.pedidos h2 {
    font-size: 2rem;
    color: #000000;
    text-shadow: 0 0 10px #22aa3f, 0 0 2px #ffffff;
    margin-bottom: 1rem;
}

.pedidos h3 {
    font-size: 1.7rem;
    color: #ffffff;
    text-shadow: 0 0 10px #22aa3f, 0 0 1px #ffffff;
    margin-bottom: 1rem;
}

.pedidos h4 {
    text-shadow: 0 0 25px #22aa3f;
    font-size: 1.1rem;
}

.pedidos hr {
    background: #22aa3f;
}

.nombrepedido {
    margin-top: 2rem;
}

.desk__pedido-cantidad {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk__pedido-cantidad button {
    font-size: .8rem;
}

.desk__pedido-cantidad-valor {
    margin-top: 1rem;
    width: 6rem;
    border-radius: 1rem;
}

/* CARRITO DESKTOP */

.desk__tablapedidos {
    width: 80%;
    margin: 1rem auto;
}

.desk__tablapedidos, .desk__tablapedidos td, .desk__tablapedidos tr, .desk__tablapedidos th {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    padding: .5rem 1rem;
}

.desk__tablapedidos-producto {
    width: 40%;
    text-align: left;
}

.desk__tablapedidos-cantidad {
    width: 15%;
}

.desk__tablapedidos-cantidad2 {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.desk__tablapedidos-precio {
    width: 20%;
    text-align: right;
}

.desk__tablapedidos-totales {
    width: 20%;
    text-align: right;
}

.desk__tablapedidos-eliminar {
    width: 5%;
}

.desk__carrito-option {
    display: flex;
    justify-content: space-around;
}

.desk__carrito-option-select {
    display: flex;
    flex-direction: column;
}

.desk__carrito-option-check {
    display: flex;
    flex-direction: column;
}

/* TOTAL DESKTOP */

.desk__totales-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/totales.jpg) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.desk__totales-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #2258AA, 0 0 1px #ffffff;
}

.desk__resumen-container h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #2258aa, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.desk__resumen {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 6rem;
}

.desk__resumen h2 {
    font-size: 1.5rem;
    padding: .5rem;
    text-shadow: 0 0 25px white;
    margin-bottom: 0.1em;
}

.desk__resumen h3 {
    text-shadow: 0 0 25px #2258aa;
    font-size: 1.2rem;
    padding: 0 2rem;
    margin: 1rem 0 .5rem;
}

.desk__resumen h4 {
    font-size: 1rem;
    margin-bottom: .3rem;
}

.desk__resumen h5 {
    font-size: 1.5rem;
    text-shadow: 0 0 25px white;
    margin-bottom: 0.8rem;
}

.desk__resumen h6 {
    font-size: 1rem;
    margin-bottom: .5rem;
}

.desk__resumen p {
    background: rgba(58, 58, 58, .8);
    border-radius: 50%;
    padding: 0 .5rem;
    margin-bottom: .3rem;
    text-align: center;
}

.desk__resumen hr {
    width: 90%;
    border: 1pt solid rgba(245, 245, 245, .1);
    background: #2258aa;
    margin: auto;
}

.desk__resumen td {
    text-align: center;
    padding: .5rem 1rem;
}

/* CONFIG DESKTOP */

.desk__config-img {
    width: 75%;
    margin: 0 auto 3rem;
    background: url(http://www.titovelcro.com/tapeando/img/config.jpg) no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
}

.desk__config-img h1 {
    color: transparent;
    font-size: 10rem;
    text-shadow: 0 0 10px #08172e, 0 0 1px #ffffff;
}

.desk__center {
    width: 100%;
    margin: auto;
    margin-top: 2rem;
}

.desk__config-element {
    margin-bottom: 5rem;
}

.desk__config-element h1 {
    font-size: 2.5rem;
    text-shadow: 0 0 25px #691d9b, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 2rem;
}

.desk__config-element h3 {
    text-shadow: 0 0 25px rgb(150, 255, 109);
    font-size: 1.5rem;
    padding: 0 2rem;
    margin: 1rem 0 .5rem;
}

.desk__config-element-items {
    display: flex;
    justify-content: space-evenly;
}

.desk__config-element-items-option {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk__config-tabla {
    font-size: 1em;
    border-spacing: 20px 10px;
}

.desk__config-tabla th {
    font-size: 1em;
    text-shadow: 0 0 25px rgb(255, 255, 255);
    margin: 10px;
}

.desk__config-tabla td {
    padding: 10px;
}

.desk__desplegable-margin {
    margin-top: .6rem;
}

/* USER DESKTOP */

.desk__user {
    padding-top: 3rem;
    display: flex;
    justify-content: center;
}

.desk__user-name i {
    text-align: center;
    font-size: 10rem;
}

.desk__user-name h2 {
    font-size: 2rem;
    text-align: center;
}

.desk__user-changepass {
    margin-left: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.desk__user-changepass input {
    width: 12rem;
    font-size: 1rem;
}

/* LOGIN DESKTOP */

.desk__login {
    width: 30%;
    margin: 5rem auto;
    display: flex;
    flex-direction: column;
}

.desk__login-icon {
    background: #c7c7c7;
    border-radius: 50%;
    height: 10rem;
    margin: auto;
}

.desk__login-item {
    width: 100%;
    margin: 2rem auto 0;
    display: flex;
    background: #c7c7c7;
    border-radius: 1rem;
}

.desk__login-item i {
    margin: 1rem;
    color: #000000;
    font-size: 1.2rem;
}

.desk__login-user {
    background: transparent;
    width: 80%;
    margin-left: 1rem;
    border: none;
    outline: none;
    font-family: 'Oswald', sans-serif;
}

.desk__login-button {
    margin: 2rem auto;
    width: 50%;
    height: 3rem;
    background: #c7c7c763;
    font-size: 1.2rem;
    border: none;
    transition: all .5s;
    font-family: 'Oswald', sans-serif;
    border-radius: 1rem;
    outline: none;
}

.desk__login-button:hover {
    background: #c7c7c7;
}

/* DESK INYECCION */

.desk__inyeccion {
    display: grid;
    grid-template-columns: 1fr .01fr 1fr;
}

.desk__liq-inyeccion0 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desk__liq-inyeccion {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.desk__liq-inyeccion2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

/* DESK INFORMES */


.desk__print-report-taq {
    width: 100%;
    margin: 1rem auto 3rem;
}

.desk__print-reporttaq {
    width: 100%;
    margin: 1rem auto 2rem;
    border-collapse: collapse;
}

.desk__print-reporttaq th, .desk__print-reporttaq td, .desk__print-reporttaq caption {
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: .5rem;
    text-align: center;
}

.desk__print-report-barra {
    width: 100%;
    margin: 1rem auto 3rem;
}

.desk__print-reportbarra {
    width: 100%;
    margin: 1rem auto 2rem;
    border-collapse: collapse;
}

.desk__print-reportbarra th, .desk__print-reportbarra td, .desk__print-reportbarra caption {
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: .5rem;
    text-align: center;
}

.desk__print-report-host {
    width: 100%;
    margin: 1rem auto 3rem;
}

.desk__print-reporthost {
    width: 100%;
    margin: 1rem auto 2rem;
    border-collapse: collapse;
}

.desk__print-reporthost th, .desk__print-reporthost td, .desk__print-reporthost caption {
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: .5rem;
    text-align: center;
}

.desk__print-report-pedidos {
    width: 100%;
    margin: 1rem auto 3rem;
}

.desk__print-reportpedidos {
    width: 100%;
    margin: 1rem auto 2rem;
    border-collapse: collapse;
}

.desk__print-reportpedidos th, .desk__print-reportpedidos td, .desk__print-reportpedidos caption {
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: .5rem;
    text-align: center;
}

/* FOOTER DESKTOP */

.desk__footer {
    width: 90%;
    margin: 2rem auto;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.desk__footer hr {
    width: 100%;
}

.desk__footer-otra {
    background: none;
    color: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 1rem;
    margin-top: .5rem;
    font-family: 'Oswald', sans-serif;
}

.desk__footer-otra:hover {
    color: #c7c7c7;
}

/* MOVIL */

.mov__container {
    display: none;
    width: 90%;
    margin: 70px auto 70px;
    font-size: 16px;
}

.mov__element-container {
    margin: 20px 0;
}

.mov__container h1 {
    color: #000000;
    margin-bottom: 20px;
}

.mov__element-totales {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.mov__element-totales-element {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin: 3px 0;
}

.mov__diario-container {
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    color: #000000;
}

.mov__diario {
    background: #ffffff;
    border-radius: 10px;
    margin: 10px;
    height: 170px;
    width: 40%;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    box-shadow: 0 0 15px #ffffff;
    text-align: center;
    padding: 0 3px 3px 3px;
}

.mov__diario-fecha {
    grid-column: 1 / 4;
    border-bottom: 1px solid #000000;
    font-size: 14px;
}

.mov__diario-tituloizq {
    grid-column: 1 / 3;
    font-size: 13px;
}

.mov__diario-titulo1dcha {
    border-left: 1px solid #000000;
    font-size: 13px;
}

.mov__diario-unidad {
    font-size: 10px;
}

.mov__diario-valor1dcha {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    font-size: 13px;
}

.mov__diario-totalizq {
    grid-column: 1 / 3;
    grid-row: 5 / 6;
    border-top: 1px solid #000000;
    margin: 0 3px;
    font-size: 13px;
}

.mov__diario-dcha2 {
    border-left: 1px solid #000000;
    font-size: 12px;
}

.mov__diario-acum {
    border-top: 1px solid #000;
    grid-column: 1 / 4;
    grid-row: 6 / 7;
}

.mov__diario-acum2 {
    grid-column: 1 / 4;
    grid-row: 7 / 8;
}

.totales h1 {
    text-shadow: 0 0 25px gold, 0 0 2px #ffffff;
    color: #000000;
    margin-bottom: 20px;
}

.divtotales {
    background: linear-gradient(to right, rgba(255, 217, 0, 0.11), rgba(255, 217, 0, 0.555));
}

.mov__boton {
    border: 1px solid #ffffff;
    border-radius: 1rem;
    padding: 1rem 3rem;
    background: linear-gradient(to bottom, rgb(156, 1, 1), rgb(66, 0, 0));
    box-shadow: 0 0 12px #ffffff;
}

/* INDEX MOVIL */

.mov__index-liq h1 {
    color: #000000;
    text-shadow: 0 0 25px #ffffff, 0 0 2px #ffffff;
}

.mov__index-taquilla {
    background: linear-gradient(to right, #ffffff, #66ff6655);
    margin: 4rem 0;
}

.mov__index-barras {
    background: linear-gradient(to right, #ffffff, #6666ff55);
    margin: 4rem 0;
}

.mov__index-hosteleros {
    background: linear-gradient(to right, #ffffff, #ff666655);
    margin: 4rem 0;
}

.mov__index-item {
    width: 100%;
    height: 110px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 1fr 1fr;
    padding: 10px;
    color: #000000;
    box-shadow: 0 0 10px #ffffff;
    border-radius: 10px;
}

.mov__index-item i {
    grid-row: 1 / 4;
    font-size: 50px;
    text-align: center;
    margin: auto;
}

.mov__index-item-tittle {
    font-size: 20px;
}

.mov__index-item-vermas {
    text-align: right;
}

.mov__index-otrasediciones {
    margin: 10px 0;
}

.mov__index-otrasediciones-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 10px;
}

.mov__index-otrasediciones-item {
    width: 40%;
}

.mov__index-otrasediciones-item2 {
    color: #ffffff;
    width: 100%;
    padding: 1rem;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgb(156, 1, 1), rgb(66, 0, 0));
    box-shadow: 0 0 10px #ffffff;
    margin: 3rem 0;
}

/* TAQUILLA MOVIL */

.mov__caja h1 {
    text-shadow: 0 0 25px #6f6, 0 0 2px #ffffff;
}

.mov__element-caja {
    background: linear-gradient(to right, #66ff6611, #66ff6655);
}

/* BARRAS MOVIL */

.mov__barras h1 {
    text-shadow: 0 0 25px #66f, 0 0 2px #ffffff;
}

.mov__element-barras {
    background: linear-gradient(to right, #6666ff11, #6666ff55);
}

/* HOSTELEROS MOVIL */

.mov__hosteleros h1 {
    text-shadow: 0 0 25px #F66, 0 0 2px #ffffff;
}

.mov__element-hosteleros {
    background: linear-gradient(to right, #FF666611, #FF666655);
}

/* USER MOVIL */

.mov__user {
    width: 80%;
    margin: 5rem auto 0;
    text-align: center;
}

.mov__user i {
    text-align: center;
    font-size: 10rem;
}

.mov__user-user {
    text-align: center;
}

.mov__user-title {
    margin-top: 2rem;
}

.mov__user-pass {
    width: 60%;
    margin: auto;
    height: 40px;
    background: transparent;
    border-radius: 20px;
    text-align: center;
    outline: none;
    color: white;
    font-size: 16px;
    margin-top: 15px;
    font-family: 'Oswald', sans-serif;
}

.mov__button {
    width: 60%;
    margin: auto;
    margin-top: 30px;
    height: 40px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #cc0, #990);
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
}

.mov__button-red {
    width: 60%;
    margin: auto;
    margin-top: 30px;
    height: 40px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #f77, #f33);
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
}

/* LOGIN MOVIL */

.mov__login {
    margin-top: 50px;
    display: grid;
}

.mov__login-img {
    width: 50%;
    background: #c7c7c7;
    margin: auto;
    border-radius: 50%;
}

.mov__login-inicia {
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    text-shadow: 0 0 15px white;
}

.mov__login-user {
    width: 60%;
    margin: auto;
    height: 40px;
    background: transparent;
    border-radius: 20px;
    text-align: center;
    outline: none;
    color: white;
    font-size: 16px;
    margin-top: 15px;
    font-family: 'Oswald', sans-serif;
}

.mov__login-button {
    width: 60%;
    margin: auto;
    margin-top: 30px;
    height: 40px;
    border-radius: 20px;
    background: linear-gradient(to bottom, #cc0, #990);
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
}

/* ALMACEN MOVIL */

.mov__almacen-fabrica {
    text-shadow: 0 0 25px gold, 0 0 2px #ffffff;
    color: #000000;
}

.mov__almacen-cajaproducto {
    display: grid;
    grid-template-columns: 100px 1fr 1fr;
    grid-template-rows: repeat(5, 25px);
    background-color: #fff;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0 0 12px white;
    color: black;
    padding: 10px 10px 10px 0;
}

.mov__almacen_cajaproducto-imagen {
    grid-row: 1 / 6;
    height: 130px;
    background: white;
    margin: auto
}

.mov__almacen_cajaproducto-nombre {
    grid-column: 2 / 4;
    font-size: 17px;
}

.mov__almacen_cajaproducto-info {
    grid-column: 2 / 4;
    font-size: 14px;
}

.mov__almacen_cajaproducto-precio {
    font-size: 14px;
}

.mov__almacen_cajaproducto-precio span {
    font-size: 17px;
    color: #a33;
}

.mov__almacen_cajaproducto-descuento {
    font-size: 14px;
}

.mov__almacen_cajaproducto-beneficio {
    font-size: 14px;
}

.mov__almacen-cajaproducto-pvp {
    font-size: 14px;
}

.mov__almacen-cajaproducto-vendido {
    font-size: 14px;
}

.mov__almacen-cajaproducto-stock {
    font-size: 14px;
}

/* PEDIDOS MOVIL */

.mov__pedido_cajaproducto {
    display: grid;
    grid-template-columns: 100px 80px 1fr;
    grid-template-rows: repeat(3, 25px) 40px;
    background-color: #fff;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0 0 12px white;
    color: black;
    padding: 10px 10px 10px 0;
}

.mov__pedido_cajaproducto-imagen {
    grid-row: 1 / 5;
    height: 110px;
    background: white;
    margin: auto
}

.mov__pedido_cajaproducto-nombre {
    grid-column: 2 / 4;
    font-size: 17px;
}

.mov__pedido_cajaproducto-info {
    grid-column: 2 / 4;
    font-size: 14px;
}

.mov__pedido_cajaproducto-precio {
    color: #a33;
    font-size: 15px;
}

.mov__pedido_cajaproducto-stock {
    order: 30;
    font-size: 14px;
}

.mov__pedido_cajaproducto-cantidad {
    grid-column: 3 / 4;
    width: 30px;
    height: 25px;
    margin: auto;
    order: 20;
    display: flex;
    justify-content: center;
}

.mov__pedido_cajaproducto-cantidad p {
    margin: auto;
    font-size: 12px;
    margin-right: 4px;
}

.mov__pedido_cajaproducto-cantidad-select {
    border-radius: 8px;
    outline: none;
}

.mov__pedido_cajaproducto-agregar {
    width: 100%;
    height: 80%;
    background: linear-gradient(to bottom, #cc0, #990);
    border-radius: 5px;
    margin: auto;
    font-size: 12px;
    order: 40;
}

/* CARRITO MOVIL */

.mov__carrito {
    width: 100%;
    margin: auto;
    padding: 2rem;
    background: #fff;
    border-radius: 2rem;
    color: #000;
}

.mov__carrito hr {
    width: 90%;
    margin: auto;
}

.mov__carrito-prod-cesta {
    display: grid;
    padding: 1rem;
    grid-template-columns: 19rem 1fr 21rem 1fr;
    grid-template-rows: 10rem 10rem;
}

.mov__carrito-prod-cesta img {
    grid-row: 1 / 3;
    height: 19rem;
}

.mov__carrito-prod-cesta-nombre {
    grid-column: 2 / 5;
    font-size: 4rem;
    padding-top: 1rem;
    margin-left: 1rem;
}

.mov__carrito-prod-cesta-precio {
    color: #b33;
    font-size: 3rem;
    margin-left: 1rem;
}

.mov__carrito-prod-cesta-cantidad {
    display: flex;
    width: 21rem;
    height: 8rem;
    border: 1px solid black;
    border-radius: .5rem;
}

.mov__carrito-prod-cesta-cantidad p {
    width: 7rem;
    height: 8rem;
    text-align: center;
    outline: none;
    font-size: 4rem;
    color: #555;
}

.mov__carrito-prod-cesta-cantidad button {
    width: 7rem;
    height: 7.8rem;
    font-size: 4rem;
    text-align: center;
    color: #555;
    background: #aaa;
}

.mov__carrito-prod-cesta-eliminar {
    width: 14rem;
    height: 8rem;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: .5rem;
    background: #aaa;
    color: #555;
    font-size: 3rem;
}

.mov__carrito-total {
    margin: 2rem 3rem 0 0;
    text-align: right;
    font-size: 6rem;
}

.mov__carrito-continuarborrar {
    display: flex;
    justify-content: space-around;
    margin: 2rem 0;
}

.mov__carrito-agregarproductos {
    text-align: center;
    text-decoration: none;
    color: black;
    background: linear-gradient(to bottom, #cc0, #990);
    border: 1px solid black;
    border-radius: 2rem;
    width: 28rem;
    font-size: 3.5rem;
}

.mov__carrito-vaciarcesta {
    text-align: center;
    text-decoration: none;
    color: black;
    background: linear-gradient(to bottom, #c40, #c10);
    border: 1px solid black;
    border-radius: 2rem;
    width: 28rem;
    font-family: 'Oswald', sans-serif;
    font-size: 3.5rem;
}

.mov__carrito-seleccion-barra {
    display: block;
    margin: auto;
    margin-top: 2rem;
    outline: none;
    border: 1px solid black;
    border-radius: 2rem;
    font-size: 3rem;
    font-family: 'Oswald', sans-serif;
}

.mov__carrito-confirmar {
    width: 100%;
    margin-top: 2rem;
    background: linear-gradient(to bottom, #cc0, #990);
    height: 10rem;
    border-radius: 10px;
    font-family: 'Oswald', sans-serif;
    font-size: 4rem;
}

.mov__carrito-nuevopedido {
    display: block;
    margin: auto;
    margin-top: 2rem;
    text-align: center;
    text-decoration: none;
    color: black;
    background: linear-gradient(to bottom, #cc0, #990);
    border: 1px solid black;
    border-radius: 2rem;
    width: 28rem;
}

/* VERPEDIDOS MOVIL */

.mov__verpedidos-header {
    display: flex;
    justify-content: space-around;
    margin: 3rem 0;
    align-items: center;
}

.mov__verpedidos {
    width: 100%;
    margin: 3rem auto;
    padding: 2rem;
    background: #fff;
    border-radius: 2rem;
    color: #000;
}

.mov__verpedidos-item {
    display: grid;
    padding: 1rem;
    grid-template-columns: 1fr 1.5fr 1fr 1fr 1fr 1.5fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
}

.mov__verpedidos-item-cantidad {
    grid-row: 1 / 3;
    text-align: center;
    font-size: 4rem;
}

.mov__verpedidos-item-imagen {
    grid-row: 1 / 3;
    height: 19rem;
}

.mov__verpedidos-item-nombre {
    grid-column: 3 / 7;
}

.mov__verpedidos-item-precio {
    text-align: center;
}

.mov__verpedidos-item-descuento {
    text-align: center;
}

.mov__verpedidos-item-iva {
    text-align: center;
}

.mov__verpedidos-item-precioprodfinal {
    font-size: 4rem;
    text-align: right;
}

.mov__verpedidos-item-precioprodfinal h5 {
    color: red;
}

.mov__verpedidos-totales {
    font-size: 3rem;
    text-align: right;
}

.mov__verpedidos-totales span {
    font-size: 4rem;
    color: red;
}

.mov__verpedidos-totalfinal {
    font-size: 5rem;
    margin: 2rem 0;
}

.mov__verpedidos-totalfinal span {
    font-size: 5rem;
}

.mov__verpedidos-options {
    margin: 6rem 0;
    display: flex;
    justify-content: space-around;
}

/* FOOTER MOVIL */

.mov__footer {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, #000, #55e);
}

.mov__footer-bar {
    height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.mov__footer-item-user {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

.mov__footer-item-user p {
    font-size: 2.5rem;
}

.mov__footer-item {
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
}

@media screen and (max-width: 780px) {
    .desktop {
        display: none;
    }

    .desk__container {
        display: none;
    }

    .desk__footer {
        display: none;
    }

    .desk__login {
        display: none;
    }

    .movil {
        display: block;
    }

    .mov__container {
        display: block;
    }

    .mov__footer {
        display: block;
    }
}

@media print {
    body * {
        visibility: hidden;
    }

    body {
        background-image: none;
        background-color: #fff;
    }

    html {
        font-size: 10px;
    }

    .desk__print-liq, .desk__print-liq * {
        visibility: visible;
        color: #333333;
    }

    .desk__print-liq {
        position: absolute;
        width: 90%;
        top: 0;
        margin: auto;
        border: none;
        float: none;
    }

    .printcaja, .printcaja * {
        visibility: visible;
        color: #333333;
    }

    .printcaja {
        width: 90%;
        margin: auto;
        border: none;
    }

    .desk__print-liq-tabla th, .desk__print-liq-tabla td {
        border: 1px solid black;
    }

    .desk__print-liq-logo {
        display: contents;
    }

    .desk__print-liq-cuadrofirma {
        display: block;
    }

    .desk__print-report-taq {
        width: 100%;
        margin: 1rem auto 3rem;
    }

    .desk__print-reporttaq {
        width: 100%;
        margin: 1rem auto 2rem;
        border-collapse: collapse;
    }

    .desk__print-reporttaq th, .desk__print-reporttaq td, .desk__print-reporttaq caption {
        border: 1px solid #000;
        border-collapse: collapse;
        padding: .5rem;
        text-align: center;
    }

    .desk__print-report-barra {
        width: 100%;
        margin: 1rem auto 3rem;
    }

    .desk__print-reportbarra {
        width: 100%;
        margin: 1rem auto 2rem;
        border-collapse: collapse;
    }

    .desk__print-reportbarra th, .desk__print-reportbarra td, .desk__print-reportbarra caption {
        border: 1px solid #000;
        border-collapse: collapse;
        padding: .5rem;
        text-align: center;
    }

    .desk__print-report-host {
        width: 100%;
        margin: 1rem auto 3rem;
    }

    .desk__print-reporthost {
        width: 100%;
        margin: 1rem auto 2rem;
        border-collapse: collapse;
    }

    .desk__print-reporthost th, .desk__print-reporthost td, .desk__print-reporthost caption {
        border: 1px solid #000;
        border-collapse: collapse;
        padding: .5rem;
        text-align: center;
    }

    .desk__print-report-pedidos {
        width: 100%;
        margin: 1rem auto 3rem;
    }

    .desk__print-reportpedidos {
        width: 100%;
        margin: 1rem auto 2rem;
        border-collapse: collapse;
    }

    .desk__print-reportpedidos th, .desk__print-reportpedidos td, .desk__print-reportpedidos caption {
        border: 1px solid #000;
        border-collapse: collapse;
        padding: .5rem;
        text-align: center;
    }

    .check_report {
        display: none;
    }
}