.icono-responsive{width:20px;height:20px}@media (min-width:900px){.icono-responsive{width:22px;height:22px}}.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}}.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}}}