/* Ajustes multipantalla específicos de Difor Comercial App V6 */
@media (max-width:480px){
  .content{padding-left:10px;padding-right:10px}
  .topbar h1{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-name{font-size:1.05rem}
  .entity-actions .btn{flex:1 1 auto}
  .floor-price-rows span{align-items:flex-start}
}
@media (min-width:481px) and (max-width:767px) and (orientation:landscape){
  .form-grid,.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid .span-3{grid-column:1/-1}
  .entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:768px) and (max-width:1023px){
  .entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1440px){
  .content{padding-left:36px;padding-right:36px}
  .entity-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
  .view{max-width:1760px}
}