/* Arreglos para móvil */
@media screen and (max-width: 479px) {
  .site {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .site-branding {
    display: flex;
    gap: 8px;
    margin-right: 8px;
    width: calc(100% - 56px);
  }

  .site-logo-link {
    display: flex;
    align-items: center;
    > img {
      max-height: 55px;
    }
  }
}

@media screen and (min-width: 480px) {
  .site-branding {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 1rem;
  }

  .site-logo-link {
    grid-row: 1;
    > img {
      max-height: 80px;
    }
  }

  .site-title {
    grid-column: 2;
  }

  .site-description {
    grid-column: 2;
  }
}

@media screen and (min-width: 864px) {
  .site-branding {
    justify-content: center;
  }
  .header-image {
    margin: 0 !important;
  }
  .site-logo-link {
    grid-row: 1 / span 2;
  }

  @supports (animation-timeline: scroll()) {
    #primary-menu {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }

    #masthead {
      position: sticky;
      top: 0;
      z-index: 100;
      min-height: 470px;
    }

    #site-navigation {
      position: relative;
      margin: 0;
      background: white;
      z-index: 105;
    }

    .header-image {
      animation: header-image-shrink-on-scroll linear both;
      animation-range: 0px 276px;
    }

    .site-branding {
      animation: site-branding-shrink-on-scroll linear both;
      animation-range: 276px 430px;
    }

    .site-branding,
    .header-image {
      animation-timeline: scroll(root);
      overflow: hidden;
    }

    @keyframes header-image-shrink-on-scroll {
      from {
        max-height: 276px; /* larger than the actual element height */
      }
      to {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
      }
    }

    @keyframes site-branding-shrink-on-scroll {
      from {
        max-height: 128px; /* larger than the actual element height */
      }
      to {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
      }
    }
  }
}

/* Ocultar el Me gusta de Jetpack */
.jetpack-likes-widget-wrapper {
  display: none;
}