.headprincipalAPP{display:flex;align-items:center;justify-content:space-between;background:var(--mui-palette-app-header);@media (orientation:landscape){display:flex;width:100%;height:auto;padding-left:20px;padding-bottom:20px;padding-right:20px;padding-top:20px;font-weight:600}}.withpadding{@media (max-width:779px){padding-left:15px;padding-bottom:15px;padding-right:15px;padding-top:15px}}.hide-on-mobile{display:block;@media (max-width:600px),(orientation:portrait){display:none!important}}.back-ico-menu{width:55px;height:55px;@media (orientation:portrait){width:45px;height:45px}}.menuhead-next-container{width:auto;position:relative;display:flex;justify-content:flex-start;pointer-events:none;@media (orientation:portrait){width:100vw;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:9;justify-content:center}}.menuhead-next-inner{width:auto;max-width:100%;background-color:initial;border-radius:0;box-shadow:none;padding:0;display:flex;align-items:center;gap:16px;pointer-events:auto;overflow-x:auto;@media (orientation:portrait){max-width:95vw;background-color:rgba(34,40,49,.4);border-radius:24px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding-left:8px;padding-bottom:8px;padding-right:8px;padding-top:8px;gap:6px;overflow-x:auto;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-left-color:rgba(255,255,255,.2);border-left-style:solid;border-left-width:1px;border-bottom-color:rgba(255,255,255,.2);border-bottom-style:solid;border-bottom-width:1px;border-right-color:rgba(255,255,255,.2);border-right-style:solid;border-right-width:1px;border-top-color:rgba(255,255,255,.2);border-top-style:solid;border-top-width:1px;box-shadow:0 4px 30px rgba(0,0,0,.1),inset 0 1.5px 10px rgba(255,255,255,.2)}.custom-tab{padding:"2px 12px";@media (orientation:portrait){padding-left:8px;padding-bottom:0;padding-right:8px;padding-top:0;background-color:rgba(34,40,49,.4)}}&.few-tabs{@media (orientation:portrait){padding-left:6px;padding-right:6px}}}.ScreenSpinner{display:flex;width:100%;height:100%;justify-content:center;align-items:center;margin-top:120px;@media (max-width:480px){margin-top:200px}}.PantallaSpinner2{width:100%;align-items:center;justify-content:space-evenly;display:flex;height:100%;flex-direction:column}.SpinnerSpace{width:250px;height:90px;display:flex;justify-content:center;align-items:center;@media (max-width:480px){width:250px;height:150px}}.image-card-container{width:100%;position:relative;transition:height .3s ease;&.with-border{background:var(--mui-search-field,#f2f3f4);transition:border .2s;&:hover{border:1px solid #17a2b8}}&.grid-mode{height:200px;@media (orientation:portrait){height:109px}@media (max-width:320px) and (orientation:portrait){height:89px}@media (min-width:321px) and (max-width:480px) and (orientation:portrait){height:109px}@media (min-width:481px) and (max-width:600px) and (orientation:landscape){height:28vw}@media (min-width:601px) and (max-width:960px){height:22vw}@media (min-width:961px) and (max-width:1199px){height:20vw}@media (min-width:1200px){height:10vw}}&.list-mode{height:50vh;@media (orientation:portrait){height:200px}@media (orientation:landscape){height:50vh}@media (min-width:321px) and (max-width:480px) and (orientation:portrait){height:250px}@media (min-width:481px) and (max-width:600px) and (orientation:landscape){height:28vw}@media (min-width:601px) and (max-width:960px){height:28vw}@media (min-width:961px) and (max-width:1199px){height:28vw}@media (min-width:1200px){height:20vw}}#image-card-project{width:100%;height:100%;position:relative;cursor:pointer}.not-border{border-radius:0 0 16px 16px!important;@media (orientation:portrait) and (max-width:450px){border-radius:0!important}}}