@layer base,layout,components,utilities;@layer base.base{:root{--hoverButton: #fcf8f8;--background-body: #fffcfc;--text-white: #ecf0f1;--th-td-input-select-button: #ccc;--color-text: #444;--background-scroll: #555;--black: #000;--link-hover-color: #1f2c35;--background-sidebar: #2c3e50;--header-footer-color: #34495e;--color-highlight: #4bc0c0;--background-button: #3498db;--button-hover: #2980b9;--orange: #ff6600;--green: #447a17;--softGreen: #28a745;--red: #f00;--0-1negrem: -.1rem;--007rem: .07rem;--013rem: .13rem;--015rem: .15rem;--019rem: .19rem;--02rem: .2rem;--025rem: .25rem;--03rem: .3rem;--032rem: .32rem;--037rem: .37rem;--04rem: .4rem;--05rem: .5rem;--062rem: .62rem;--075rem: .75rem;--09rem: .9rem;--093rem: .93rem;--1rem: 1rem;--1-13rem: 1.13rem;--1-25rem: 1.25rem;--1-5rem: 1.5rem;--1-87rem: 1.87rem;--2rem: 2rem;--3rem: 3rem;--5rem: 5rem;--6rem: 6rem;--9rem: 9rem;--10rem: 10rem;--12-5rem: 12.5rem;--15-6rem: 15.6rem;--001em: .01em;--019em: .19em;--025em: .25em;--03em: .3em;--05em: .5em;--09em: .9em;--1-25em: 1.25em;--15-6em: 15.6em}}@layer base.base{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}html{font-size:clamp(10px,1vw + 4px,32px)}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--background-body);height:100vh}#estadisticasVentas{width:100%;height:100%;border:var(--007rem) solid var(--th-td-input-select-button);canvas{width:100%;height:auto;aspect-ratio:16/9;display:block;contain:layout style}}label{position:relative}:where(#unavailables button,#platos-lista button,label){display:inline-block}search,form{display:inline}:where(h1,th,td,fieldset,#ingredientInputs,#unavailables,#unavailables li,#platos-lista,#platos-lista li){text-align:center}#login a,#register a{text-decoration:underline}}@layer base.base{h1,h2{color:var(--green);padding:var(--1-25rem)}h1{color:var(--text-white);font-size:var(--2rem)}caption{margin-bottom:2%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer layout.layout{main{display:flex;justify-content:space-between;height:75vh}article{flex:1;padding:var(--1-25rem);overflow-y:auto}#menu-comandas,#toDoList{overflow-y:auto;display:flex}#toDoList{justify-content:space-around;align-items:center}#register,#login{justify-content:center;align-items:center;flex-direction:column;padding:var(--1-25rem)}#pedidos{padding:var(--062rem);max-width:var(--15-6rem)}[data-submit=register]{fieldset{display:grid;grid-template-columns:auto auto;justify-items:end;align-items:center;font-size:var(--1rem);gap:var(--03em)}}}@layer layout.layout{header,footer{background:var(--header-footer-color);color:var(--text-white);padding:0 var(--1-25rem)}header{height:15vh;display:flex;align-items:center;justify-content:space-between}footer{height:10vh;width:100%;display:flex;align-items:center;justify-content:center;ul{display:flex;align-items:center;justify-content:center}li{margin:var(--062rem)}img{display:flex;align-items:center;justify-content:center}}}@layer layout.layout{::-webkit-scrollbar{width:var(--032rem)}::-webkit-scrollbar-track{background:var(--text-white)}::-webkit-scrollbar-thumb{background:var(--background-scroll)}::-webkit-scrollbar-thumb:hover{background:var(--link-hover-color)}}@layer layout.layout{.hidden,section,#menu-toggle,.tpv-tooltip{display:none}#menu-btn{cursor:pointer;white-space:nowrap}aside{background:var(--background-sidebar);overflow-y:auto;transition:.3s;box-shadow:var(--013rem) 0 var(--062rem) var(--link-hover-color);display:flex;flex-direction:column;a{align-items:center;padding:var(--093rem) var(--1-25rem);color:var(--text-white);transition:.3s;@media (hover: hover){&:hover{background:var(--link-hover-color)}}}}}@layer components.components{input,select,summary,button,textarea{font-size:clamp(var(--075rem),.8vw + var(--025rem),var(--1rem));margin:var(--019em);padding:var(--03em);border:var(--001em) solid var(--th-td-input-select-button);border-radius:var(--025em)}label{font-size:var(--09em);position:relative;input,select,textarea{width:100%;background:transparent}span{position:absolute;top:var(--03rem);left:var(--05rem);color:var(--background-scroll);pointer-events:none;transition:all .2s ease;background:var(--background-body);padding:0 var(--025rem)}input:focus+span,input:valid+span,select:focus+span,select:valid+span,textarea:focus+span,textarea:valid+span{top:var(--0-1negrem);left:var(--05rem);font-size:var(--05rem);color:var(--background-button)}}#imgUrl{border:none!important;color:var(--red)}summary,button{background:var(--background-button);color:var(--black);cursor:pointer;transition:background-color .3s,color .3s;@media (hover: hover){&:hover{background:var(--button-hover)}}}summary{margin:0}#getReservation summary{width:var(--15-6em)}.blinking{animation:blinkingAnimation 1s infinite}@keyframes blinkingAnimation{0%{background:transparent}50%{background:var(--button-hover)}to{background:transparent}}#orderPaid li,[data-submit=register] button{max-width:var(--10rem)}:where(#unavailables,#platos-lista){@media (hover: hover){button:hover{background:var(--hoverButton);transform:translateY(-.19rem);box-shadow:0 0 var(--032rem) var(--black)}}button{padding:var(--032rem) var(--062rem);background:var(--orange);color:var(--black);border-radius:var(--032rem)}}.input-valid{border-color:var(--green)!important}input.input-valid:focus,select.input-valid:focus,textarea.input-valid:focus{border:2px solid var(--green)!important;outline:none!important}.upload-status{display:block;margin-top:var(--05rem)}.password-strength-element,.dynamic-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.password-strength-visible,.dynamic-visible{position:static;width:30%;height:var(--05rem);margin:auto 0 0;overflow:visible;clip:auto;white-space:normal}}@layer components.components{form{margin:0 auto}fieldset{box-shadow:0 6px 30px -15px #000000bf;color:var(--green);padding:var(--1rem);margin-bottom:var(--1rem);border-radius:var(--1rem);border:none}#clientes fieldset{align-items:center;gap:var(--05rem)}}@layer components.components{img{width:var(--1-87rem);height:var(--1-87rem);border-radius:var(--04rem)}:where(#unavailables,#platos-lista){overflow:visible;ul{display:flex;flex-wrap:wrap;justify-content:center}#orderPaid ul{gap:var(--5rem)}>ul>li{margin:15px;box-shadow:0 6px 23px -15px #000000bf;padding:var(--1rem) var(--032rem);transition:transform .3s;@media (hover: hover){&:hover{transform:scale(1.1)}}}img{width:var(--9rem);height:var(--6rem);border-radius:var(--062rem)}p{margin:var(--032rem) 0}}.has-tooltip{position:relative;z-index:1;@media (hover: hover){&:hover .tooltip{visibility:visible;opacity:1}}}.tooltip,.tpv-tooltip{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:var(--032rem);opacity:0;z-index:1000}.tooltip{padding:0 var(--05rem);display:block;flex-direction:column;min-width:auto;min-height:auto;color:var(--black);font-weight:700;background:#0003;bottom:70%;left:0;margin-left:calc(-1 * var(--6rem));transition:opacity .3s;overflow:visible}.tpv-tooltip{background:#000000bf;color:var(--text-white);padding:var(--025rem) var(--05rem);font-size:var(--075rem);transition:opacity .15s ease}}@layer components.components{table{width:100%;border-collapse:collapse;margin-bottom:var(--1-25rem);th,td{border:var(--007rem) solid var(--th-td-input-select-button)}th{padding:var(--05em);background:var(--th-td-input-select-button)}}}@layer components.components{.toast{position:fixed;bottom:var(--1rem);right:var(--1rem);padding:var(--075rem) var(--1-25rem);border-radius:var(--05rem);background:var(--color-text);color:var(--background-body);opacity:0;transform:translateY(var(--2rem));transition:opacity .3s ease,transform .3s ease;.show{opacity:1;transform:translateY(0)}.success{background:var(--softGreen)}.error{background:var(--red)}.info{background:var(--button-hover)}}}@layer utilities.utilities{.center{display:grid;place-items:center}.text-center{text-align:center}.inline-form{display:inline}}