/* v29: navegacion visible en movil + redes con iconos */

.aip-social-link {
  width: 42px;
  height: 42px;
  padding: 0 !important;
}

.aip-social-link svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
}

.aip-social-link:last-child svg {
  fill: currentColor;
  stroke: none;
}

@media (max-width: 850px) {
  .aip-header .aip-wrap {
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
      "logo actions"
      "nav nav";
    align-items: center !important;
    row-gap: .45rem !important;
    padding: .45rem 0 .65rem !important;
  }

  .aip-logo {
    grid-area: logo;
  }

  .aip-logo img {
    height: 74px !important;
    max-width: 112px !important;
  }

  .aip-header-actions {
    grid-area: actions;
    justify-self: end;
    margin-left: 0 !important;
  }

  .aip-header-actions .aip-button {
    display: none !important;
  }

  .aip-nav {
    grid-area: nav;
    display: flex !important;
    width: 100%;
    gap: .45rem !important;
    justify-content: flex-start;
    overflow-x: auto;
    padding: .05rem 0 .1rem;
    scrollbar-width: none;
  }

  .aip-nav::-webkit-scrollbar {
    display: none;
  }

  .aip-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: .45rem .68rem;
    border-radius: 999px;
    background: #fff4fb;
    color: var(--ink) !important;
    font-size: .84rem !important;
    font-weight: 800 !important;
  }

  .aip-nav a:hover {
    background: var(--pink);
    color: #fff !important;
  }

  .aip-menu {
    position: static;
  }

  .aip-submenu {
    display: none !important;
  }
}

@media (max-width: 580px) {
  .aip-logo img {
    height: 66px !important;
    max-width: 98px !important;
  }

  .aip-lang-switch a {
    min-width: 27px !important;
    height: 27px !important;
    font-size: .68rem !important;
  }

  .aip-nav a {
    font-size: .8rem !important;
    padding: .4rem .58rem;
  }
}