/*
 * Ajustes de accesibilidad hechos a mano (lo generado por el escaneo de contraste está en contraste.css).
 * Flechas del carrusel de soluciones (las crea el plugin con JavaScript): gris un poco más oscuro, 4.5:1 sobre blanco.
 */
html body.page-id-112 #page-container#page-container .slick-arrow {
  color: #767676 !important;
}

/* Enlaces a /coaching-organizacional/ desde inicio y soluciones: contraste AA sobre fondo claro y sobre la foto del encabezado */
.wco-enlace {
  color: #3f4fb8;
  text-decoration: underline;
}
.wco-enlace-claro {
  color: #fff;
  text-decoration: underline;
}

/*
 * Menú de escritorio (desde 981 px; abajo Divi muestra el menú de celular): letra Como Bold en gris oscuro, con la
 * página actual en azul como antes. El tamaño crece con la pantalla: el menú tiene 6 ítems y tiene que entrar en una
 * línea al lado del logo (medido ancho por ancho, con margen).
 */
@media (min-width: 981px) {
  #menu-wynit-co > li > a {
    font-family: "Como Bold OTF","Como Bold OTF Respaldo", "Como Bold OTF Respaldo", Helvetica, Arial, sans-serif !important;
    letter-spacing: 0.2px;
  }
  #menu-wynit-co > li:not(.current-menu-item) > a {
    color: #333 !important;
  }
}
@media (min-width: 981px) and (max-width: 1023px) {
  #menu-wynit-co > li {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1099px) {
  #menu-wynit-co > li {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 12.5px !important;
  }
}
@media (min-width: 1100px) and (max-width: 1179px) {
  #menu-wynit-co > li {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 13px !important;
  }
}
@media (min-width: 1180px) and (max-width: 1279px) {
  #menu-wynit-co > li {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 14px !important;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  #menu-wynit-co > li {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 15px !important;
  }
}
@media (min-width: 1366px) and (max-width: 1439px) {
  #menu-wynit-co > li {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 16px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1535px) {
  #menu-wynit-co > li {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 17px !important;
  }
}
@media (min-width: 1536px) and (max-width: 1679px) {
  #menu-wynit-co > li {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 18px !important;
  }
}
@media (min-width: 1680px) {
  #menu-wynit-co > li {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  #menu-wynit-co > li > a {
    font-size: 19px !important;
  }
}
