/* desktop.css — estilos específicos para pantallas > 1100px */
/* En este proyecto los estilos base ya están orientados a desktop.
   Agrega aquí overrides o estilos exclusivos para pantallas grandes. */

@media (min-width: 1101px) {
  .portfolio-grid {
    grid-template-columns: repeat(4, 1fr);
	  padding-left:40px;
	  padding-right:40px;
	  max-width:unset;
	  width:100%;
  }

  .philosophy-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .pricing-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .tech-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .process-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .content-grid {
    grid-template-columns: 1fr 1fr;
  }

  .final-cta {
    flex-direction: row;
    align-items: center;
  }

  nav {
    display: flex;
  }

  .features {
    display: flex;
  }
}