/* MEDIA-NES.CSS */

/* PORTRAIT MICRO */
@media (orientation: portrait) and (max-width:376px) {
/* NES */
.nes-layout{width: 100%;padding:0px;margin: 0px;}
.nes-container{margin:10px;margin-bottom:20px;padding:20px;position:relative;border-radius: 10px;border-width:3px;}
.nes-container.with-title>.title{margin:-35px 0 10px;padding:10px;font-size:15px;display:table;}
.nes-component {font-size:12px;padding-bottom: 20px;}
.nes-input,.nes-textarea {margin:0px;border:none; color:#333;background: #fff;padding:10px;width:10%;font-size:10px}
.nes-btn,.nes-pager .nes-btn{border-width:4px;border-image-repeat:stretch;border-image-slice:2;border-image-width:2}
.nes-btn{font-size:12px}
.nes-pager{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:30px;margin-top:10px;justify-items:center}
.nes-pager .nes-btn{margin:0;width:90%;box-sizing:border-box;border-style:solid}
/* NES - BOTÕES DE CONCLUSÃO */
.conclusion-actions{flex-direction:column;gap:20px}
.conclusion-actions .nes-btn{width:90%;max-width:300px;flex:0 0 auto}
}



/* RESPONSIVIDADE PORTRAIT */
@media (orientation: portrait) and (min-width:377px) and (max-width:665px) {
/* NES */
.nes-layout{width: 100%;padding:0px;margin: 0px;}
.nes-container{margin:10px;margin-bottom:20px;padding:12px;position:relative;border-radius: 10px;border-width:3px;}
.nes-container.with-title>.title{margin:-30px 0 10px;padding:10px;font-size:15px;display:table;}
.nes-component {font-size:12px;padding-bottom: 20px;}
.nes-input,.nes-textarea {margin:0px;border:none; color:#333;background: #fff;padding:10px;width:10%;font-size:10px}
.nes-btn,.nes-pager .nes-btn{border-width:4px;border-color:#000;border-image-repeat:stretch;border-image-slice:2;border-image-width:2}
.nes-btn{font-size:12px}
.nes-pager{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:30px;margin-top:10px;justify-items:center}
.nes-pager .nes-btn{margin:0;width:90%;box-sizing:border-box;border-style:solid}
/* NES - BOTÕES DE CONCLUSÃO */
.conclusion-actions{flex-direction:column;gap:20px}
.conclusion-actions .nes-btn{width:90%;max-width:300px;flex:0 0 auto}
}



/* LANDSCAPE */
@media (orientation: landscape) and (min-width: 661px) and (max-width: 1000px) {
/* NES*/
.nes-layout{width: 100%;padding:0px;margin: 0px;}
.nes-container{margin:10px;margin-bottom:20px;padding:20px;position:relative;border-radius: 10px;border-width:3px;}
.nes-container.with-title>.title{margin:-30px 0 10px;padding:10px;font-size:15px;display:table;}
.nes-component {font-size:12px;padding-bottom: 20px;}
.nes-btn,.nes-pager .nes-btn{border-width:4px;border-color:#000;border-image-repeat:stretch;border-image-slice:2;border-image-width:2}
.nes-btn{font-size:12px}
.nes-pager{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:30px;margin-top:10px;justify-items:center}
.nes-pager .nes-btn{margin:0;width:95%;box-sizing:border-box;border-style:solid}
/* SELETOR DE SALA */
.room-selector{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr))};
.room-selector-option{min-height:180px;padding:15px;}
.room-selector-option img{width:110px;height:110px;}
.room-selector-option strong{font-size:17px;}
.room-selector-option small{font-size:13px;}
.selector-main{width:100%;margin:20px auto;padding:0 10px;}
}