/* Correcciones responsivas y de navegación — v5 */

.mobile-experience-picker {
  display: none;
}

.wordmark .wordmark-r {
  color: var(--blue);
  font-weight: 800;
}

@media (width <= 900px) {
  .intro-role {
    width: calc(100vw - 40px);
    max-width: 680px;
    flex-wrap: wrap;
    white-space: normal;
    row-gap: 8px;
    line-height: 1.35;
  }

  .eyebrow {
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.55;
  }

  .identity-label {
    width: min(40%, 260px);
  }

  .identity-label small {
    line-height: 1.35;
    white-space: normal;
  }
}

@media (width <= 560px) {
  .intro-role {
    top: calc(50% + 92px);
    column-gap: 8px;
    font-size: 9px;
  }

  .intro-role i {
    display: none;
  }

  .intro-role span {
    flex: 1 1 100%;
  }

  .mobile-experience-picker {
    display: grid;
    gap: 10px;
    margin-bottom: 26px;
  }

  .mobile-experience-picker label {
    color: var(--acid);
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
  }

  .mobile-experience-picker select {
    width: 100%;
    min-height: 54px;
    padding: 0 54px 0 16px;
    border: 1px solid #62645d;
    border-radius: 0;
    color: #f2f1e9;
    background-color: #181a22;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5-5 5 5M5 12l5 5 5-5' fill='none' stroke='%23f4c824' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 20px 20px;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
  }

  .experience-path {
    display: none;
  }

  .experience-detail {
    border-top: 1px solid #62645d;
    padding-top: 32px;
  }

  .identity-label {
    bottom: 14px;
    width: calc(50% - 32px);
    gap: 4px;
  }

  .identity-label-left {
    left: 14px;
  }

  .identity-label-right {
    right: 14px;
  }

  .identity-label strong {
    letter-spacing: .1em;
    font-size: 9px;
  }

  .identity-label small {
    display: block;
    letter-spacing: .01em;
    font-size: 8px;
    line-height: 1.25;
  }
}