/* Farmacia Loruna responsive layer v1 */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
main,section,article,.card,.module{min-width:0}
input,select,textarea,button{font:inherit;max-width:100%}
input,select,textarea{font-size:16px}
button,a,input,select{touch-action:manipulation}
button{min-height:44px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #087db3;outline-offset:3px}
table{max-width:100%}
@media(max-width:1024px){
.layout,.shell{grid-template-columns:210px minmax(0,1fr)}
main{min-width:0}
.metrics,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.two,.grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
.layout,.shell{display:block}
aside{width:100%;padding:14px 16px}
aside img{max-width:155px}
aside nav,aside nav a,nav[aria-label="Módulos"]{min-width:0}
aside nav,nav[aria-label="Módulos"]{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
aside nav a,nav[aria-label="Módulos"] a{white-space:nowrap;flex:0 0 auto;min-height:44px;display:flex;align-items:center}
main{width:100%;padding:16px}
header{padding:14px 16px}
.top,.bar{flex-wrap:wrap;align-items:flex-start}
.metrics,.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.two,.grid,.modules{grid-template-columns:minmax(0,1fr)}
.actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{padding:16px}
table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
h1{font-size:clamp(1.45rem,5vw,2rem);overflow-wrap:anywhere}
h2{font-size:clamp(1.15rem,4vw,1.5rem)}
}
@media(max-width:420px){
.metrics,.cards,.actions{grid-template-columns:minmax(0,1fr)}
main{padding:12px}
.card{padding:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}