/*** Variables ***/
/* 
 * ------------------------
 * Colors 
 * ------------------------
 */
/* 
 * ------------------------
 * Font Families
 * ------------------------
*/
/* 
 * ------------------------
 * Font Weights
 * ------------------------
 */
/* 
 * ------------------------
 * Media Queries
 * ------------------------
 */
/* 
 * ------------------------
 * Helpers
 * ------------------------
 */
.developers-portal-home,
.developers-portal-home .custom-home {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #020226; }

.developers-portal-home .api-catalog {
  padding: 40px 25px;
  background: #FFF;
  /* De LG para arriba */ }
  .developers-portal-home .api-catalog h2 {
    font-size: 50px;
    text-align: center; }
  .developers-portal-home .api-catalog .apis-list {
    justify-content: center; }
  .developers-portal-home .api-catalog .box-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 30px;
    margin-bottom: 0; }
    .developers-portal-home .api-catalog .box-item .api-icon {
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px; }
      .developers-portal-home .api-catalog .box-item .api-icon img {
        max-height: 70px; }
    .developers-portal-home .api-catalog .box-item .api-title {
      font-size: 20px;
      font-weight: 500; }
  @media screen and (min-width: 1200px) {
    .developers-portal-home .api-catalog {
      padding: 60px 100px; } }